[Webkit-unassigned] [Bug 239524] New: Clicking on Overflow scrollbar blurs current activeElement

[bugzilla-daemon at webkit.org]

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

            Bug ID: 239524
           Summary: Clicking on Overflow scrollbar blurs current
                    activeElement
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Mac (Intel)
                OS: macOS 12
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: DOM
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: mariomystic25 at yahoo.com

So on the surface it looks like a duplicate of BUG 96335. But not sure if different because the scroll bar I am referring to is the scrollbar from overflow containers. There is some mention of that distinction at the bottom of that bug ticket.

Otherwise the issue is the same. 

Have focus on an input. Then have another container div with overflow auto. When that container had too many items like a list, it will create a scroll bar. Now click in the scroll bar that appears. The input will lose focus (fire a blur event).

The practical use case is a typeahead or search.

It is important to note that the latest Chromium/Chrome does Not fire a blur event and focus remains on the input.

Here is my simple Codepen demo:
https://codepen.io/camario25/pen/wvpRNwo

You can try it with Latest Safari/ Safari Technology Preview and with Latest Chrome.

The inconsistent behavior between browsers for this is causing some problems. I can see from Bug 96335 that consistency between browsers is a goal and that Not removing focus from the input is the preferred behavior.

I believe this behavior is impacting major websites, I have simplified it to the most basic of examples.


Thank you.

-- 
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/20220420/c8c340fd/attachment-0001.htm>