Scrollable table leaves residual border

[ryan-reichenberg]

Describe the problem:

I'm not sure if this is a CSS/tailwind bug or if it is something I'm doing wrong, but I observed this behavior while using Tailwind;
When creating a scrollable table, the container seems to be leaving a border behind at the point where the container ends before scrolling
This happens on Chrome and Firefox.

Link to a minimal reproduction:

https://play.tailwindcss.com/Af6gaRCIk6?size=326x720

[adamwathan]

Can you provide a screenshot/video that demonstrates exactly what you mean? Looked on my phone and couldn’t really figure out what you are trying to point out.

Either way it’s definitely not an actual bug in Tailwind, whatever it is would also happen if you just wrote the same CSS by hand. If we provided a “responsive-table” class or something it would be a bug but Tailwind is just setting individual CSS properties so the browser is just doing whatever it would do with vanilla CSS too so going to transfer to discussions 👍🏻

[ryan-reichenberg]

Thanks for the reply! I would have come here in the first place but I didn't know it existed! I could have explained it better. If you scroll across on the table, there is a very subtle gray line intersecting the text.

Here is an example: