Bug 229245

Summary: <input type=range> only calls onblur on keyboard interactions
Product: WebKit Reporter: Wes Souza <wesleydesouza>
Component: UI EventsAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: akeerthi, ap, wesleydesouza
Priority: P2    
Version: Safari 14   
Hardware: Mac (Intel)   
OS: macOS 11   
URL: https://codepen.io/wessouza/pen/poPXVaX?editors=1111

Description Wes Souza 2021-08-18 12:01:16 PDT
Given the following HTML:

    <input type="text">
    <input type="range" onblur="console.log('blur')">
    <input type="text">

1. If a user focuses on the first input, then presses tab twice, "blur" is logged
2. If a user clicks the first text input, then clicks and alters the range input, then clicks the second text input, nothing is logged

Other browsers correctly fire onblur when using the mouse.

Example on codepen:
https://codepen.io/wessouza/pen/poPXVaX?editors=1111
Comment 1 Alexey Proskuryakov 2021-08-18 17:07:21 PDT
The element doesn't get the blur even because it's not focused with a mouse interaction.

*** This bug has been marked as a duplicate of bug 22261 ***