Safari: 11.1.1 (12605.2.8)
macOS Sierra: 10.12.6 (16G1408)
When <table> has a positioned child element (or an element that creates a new stacking context), and we hide/show this element, the table <caption> element starts jumping to the bottom of the table and back.
How to reproduce:
1) Go to https://codepen.io/webschik/pen/ZjeqBg
2) Move a cursor to the table cell to show the popup element and see how table <caption> behaves.
This issue is still reproducible in Safari 14.0.2 (15610.3.7.1.10, 15610)
Issue still exist on Safari Version 14.0.3 (15610.4.3.1.6, 15610).
Created attachment 425479 [details]
another test case
Created attachment 425480 [details]
resetLogicalHeightBeforeLayoutIfNeeded doesn't seem to be called in the simplifiedLayout code path.
Created attachment 425575 [details]
Created attachment 425587 [details]
Could anyone review?
Comment on attachment 425587 [details]
Clearing flags on attachment: 425587
Committed r275931 (236493@main): <https://commits.webkit.org/236493@main>
All reviewed patches have been landed. Closing bug.
I still have this issue on safari 14.1.
The caption is still displayed on top but an invisible space shows up at the end. And when I look at this with the devtool it's highlighting the caption.
I forgot to tell that in my case it's like that. But if I use the given codepen on Safari, I still have the same bug as @Denys !
Right. It seems that Safari 14.1 doesn't include the fix.
Please try the latest Safari Technology Preview 125.