[Webkit-unassigned] [Bug 196337] New: Strange scrolling issue on Safari 12.1 & 12.2 when display: none & display:block is used.

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Mar 27 20:49:30 PDT 2019


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

            Bug ID: 196337
           Summary: Strange scrolling issue on Safari 12.1 & 12.2 when
                    display: none & display:block is used.
           Product: WebKit
           Version: Safari 12
          Hardware: Macintosh
                OS: macOS 10.14
            Status: NEW
          Severity: Critical
          Priority: P2
         Component: Scrolling
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: clee at hitlabs.com

Created attachment 366147

  --> https://bugs.webkit.org/attachment.cgi?id=366147&action=review

Example Video

With the release of 12.1, we began getting reports of strange scrolling behavior.  

This JSFiddle should demonstrate the issue:

https://jsfiddle.net/blackoctopus0/7f56qx9c/2/

Hovering over a "message" in the example above will utilize the following CSS style:  

.message:hover .message-span {
  display: block;
}

Doing so causes the scrollable div to scroll up.  This is undesired.  Utilizing a framework like Vue can also cause this.  Utilizing v-show.  This function toggles elements using display: block/none;

Please feel free to contact me with further questions.  See attached video from the above fiddle.

Chris

-- 
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/20190328/1841d159/attachment.html>


More information about the webkit-unassigned mailing list