[Webkit-unassigned] [Bug 224415] New: position: sticky with display: inline-block

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=224415

            Bug ID: 224415
           Summary: position: sticky with display: inline-block
           Product: WebKit
           Version: Safari 14
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: maiksweb3 at web.de

Version:
Safari 14.0.3 (16610.4.3.1.7)

Reproduce:
- HTML-Document with an element CSS position: -webkit-sticky; AND display: inline-block;
- does not matter if sticky to the top or to the bottom
- see example: https://jsfiddle.net/vukdxrzg/

Description:
The element with position: sticky; is not alowed to be display: inline-block; it has to be display: block;
This should be allowed, it works on other common browsers.

Workaround / solution:
The only way is to add a wrapper around the element and give the position: sticky; and display: block; to the wrapper.
After that, it is possible to make the child element display: inline-block;

Another reason for many to create yet another wrapper as a workaround, of which there are already far too many :-)

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210411/90d77415/attachment.htm>