>>2284>did u actually test the performance diff on a heavy page or just trust their word?Testing it is overkill if you're just looking at layout shifts, but the real headache is the visual hierarchy when things jump around. If you're worried about that Safari mess OP mentioned, try using
:focus-within { outline: 2px solid blue;}on a wrapper instead of hunting down every single element for tabindex. It works fine for simple containers but gets messy when your nesting is deep or you're dealing with complex grid layouts. Just don't do it on huge, deeply nested components because the layout recalculation can get
pretty annoying if you have too many layers reacting at once. If the hierarchy breaks, the whole design looks like garbage.