| Summary: | REGRESSION (iOS 15.1): position: sticky; bottom: 0; on table cell, no longer works | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | edwin.hoffland | ||||
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | RESOLVED DUPLICATE | ||||||
| Severity: | Normal | CC: | bfulgham, jonlee, mrobinson, simon.fraser, webkit-bug-importer, zalan | ||||
| Priority: | P2 | Keywords: | InRadar | ||||
| Version: | Safari 15 | ||||||
| Hardware: | All | ||||||
| OS: | iOS 15 | ||||||
| Attachments: |
|
||||||
> The problem appears in all browsers.
Could you please clarify? The behavior seems different in Chrome, but the test doesn't have clear pass/fail criteria.
(In reply to Alexey Proskuryakov from comment #1) > > The problem appears in all browsers. > > Could you please clarify? The behavior seems different in Chrome, but the > test doesn't have clear pass/fail criteria. I tried the testcase in Safari, Firefox and Chrome on iOS15.1 The pass criteria is that the footer bar should stick to the bottom of the screen, until you scroll down. This works correctly on iOS15.0 and before. On iOS15.1 it fails because the footer bar is not sticking to the bottom of the screen, but floats somewhere in the middle. *** This bug has been marked as a duplicate of bug 232431 *** I have confirmed this was fixed in https://bugs.webkit.org/show_bug.cgi?id=232431. |
Created attachment 444418 [details] Example html Since iOS update 15.1 using position: sticky; to stick a <td> element to the bottom of the page, no longer works. The table row appears somewhere in the middle of the screen, depending on the size of the previous row. See the attached testcase.html for an example. The problem appears in all browsers. On iOS 15.0 and before it worked fine.