Bug 229245 - <input type=range> only calls onblur on keyboard interactions
Summary: <input type=range> only calls onblur on keyboard interactions
Status: RESOLVED DUPLICATE of bug 22261
Alias: None
Product: WebKit
Classification: Unclassified
Component: UI Events (show other bugs)
Version: Safari 14
Hardware: Mac (Intel) macOS 11
: P2 Normal
Assignee: Nobody
URL: https://codepen.io/wessouza/pen/poPXV...
Keywords:
Depends on:
Blocks:
 
Reported: 2021-08-18 12:01 PDT by Wes Souza
Modified: 2021-08-18 17:07 PDT (History)
3 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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 ***