[6.x] Table overflow issue in Firefox and Safari

[andjsch]

Bug description

Please give Firefox some love on the corners. No problems though with Safari or Chrome.

Firefox has some border radius issues

Safari doesn't show the box-shadow

I assume the monopol-browser is the one with no issues

How to reproduce

Look at some table view. Can be in a collection or when selecting an entry within a stack.

Logs

Spin up v6

Environment

Enough copying. A v6-alpha site

Installation

Fresh statamic/statamic site via CLI

Additional details

No response

[jackmcdade]

I've tried every trick I know and Cursor got me no closer to fixing this. Maybe you have a trick up your sleeve @jaygeorge?

[andjsch]

I've tried every trick I know and Cursor got me no closer to fixing this. Maybe you have a trick up your sleeve @jaygeorge?

I have fiddled with it a bit and read some W3 docs. The issue is that the rows have a bg instead of the table cells. Haven't looked into the box shadow bug from Safari yet.

[jaygeorge]

@andjsch I'm almost there. Got it fixed in Firefox, just working on the Safari shadow now

[andjsch]

This has been merged but the issue didn't close automatically. Hence, I am writing this comment to close it manually.