<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>229245</bug_id>
          
          <creation_ts>2021-08-18 12:01:16 -0700</creation_ts>
          <short_desc>&lt;input type=range&gt; only calls onblur on keyboard interactions</short_desc>
          <delta_ts>2021-08-18 17:07:21 -0700</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>UI Events</component>
          <version>Safari 14</version>
          <rep_platform>Mac (Intel)</rep_platform>
          <op_sys>macOS 11</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>DUPLICATE</resolution>
          <dup_id>22261</dup_id>
          
          <bug_file_loc>https://codepen.io/wessouza/pen/poPXVaX?editors=1111</bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords></keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Wes Souza">wesleydesouza</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>akeerthi</cc>
    
    <cc>ap</cc>
    
    <cc>wesleydesouza</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1785188</commentid>
    <comment_count>0</comment_count>
    <who name="Wes Souza">wesleydesouza</who>
    <bug_when>2021-08-18 12:01:16 -0700</bug_when>
    <thetext>Given the following HTML:

    &lt;input type=&quot;text&quot;&gt;
    &lt;input type=&quot;range&quot; onblur=&quot;console.log(&apos;blur&apos;)&quot;&gt;
    &lt;input type=&quot;text&quot;&gt;

1. If a user focuses on the first input, then presses tab twice, &quot;blur&quot; 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</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1785282</commentid>
    <comment_count>1</comment_count>
    <who name="Alexey Proskuryakov">ap</who>
    <bug_when>2021-08-18 17:07:21 -0700</bug_when>
    <thetext>The element doesn&apos;t get the blur even because it&apos;s not focused with a mouse interaction.

*** This bug has been marked as a duplicate of bug 22261 ***</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>