| On further investigation i identified that the issue was due to the following reason. On job page the rows under the table build history are created inside <tbody> tag, but when we enter a search query into it table rows get created outside the <tbody> tag. Therefore <tbody> tag becomes the first child which transforms the search bar row into the second child. As <tbody> is empty, it is not shown to the user and therefore its color is not visible to the user, instead search bar will be visible with the color of the second child. There are 2 solutions to this.
- Using "nth-of-type" css tag instead of "nth-child" which considers children of same type only.
- Even after the search query, add the table rows inside the <tbody> tag
I believe 2nd approach would be the best way and 1st approach is just a workaround to the same. Daniel Beck could you please advise me on how to proceed? If we are following the second approach, could somebody please show me where the HTML and JS files relevant to this page are located? |
