<?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>228230</bug_id>
          
          <creation_ts>2021-07-23 03:42:30 -0700</creation_ts>
          <short_desc>contenteditable=true + display:inline-block = buggy focus map</short_desc>
          <delta_ts>2021-07-30 03:43:17 -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>DOM</component>
          <version>Safari 14</version>
          <rep_platform>Mac (Intel)</rep_platform>
          <op_sys>macOS 10.14</op_sys>
          <bug_status>NEW</bug_status>
          <resolution></resolution>
          
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords>InRadar</keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Jimmy Thomsen">jimmy</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>simon.fraser</cc>
    
    <cc>webkit-bug-importer</cc>
    
    <cc>wenson_hsieh</cc>
    
    <cc>zalan</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1779023</commentid>
    <comment_count>0</comment_count>
    <who name="Jimmy Thomsen">jimmy</who>
    <bug_when>2021-07-23 03:42:30 -0700</bug_when>
    <thetext>This is a copy of a bug report for Chromium, but the same problem applies to Safari.
https://bugs.chromium.org/p/chromium/issues/detail?id=1232341

----

Safari: Version 14.1.1 (14611.2.7.1.6)
URLs (if applicable) : N/A
Other browsers tested:
     Chrome: Fails
    Firefox: OK - works as expected
       Edge: -

What steps will reproduce the problem?

Please go to https://jsfiddle.net/9eL02ung/10/ to reproduce the bug.
Basically a focusable editable DIV with display:inline-block gains focus when clicking on its left or right side.

What is the expected result?

That the element only gains focus when clicking on it.

What happens instead?

Element magically gains focus when clicking next to it.

Please provide any additional information below. Attach a screenshot if
possible.

Please see video demonstrating bug:
https://youtu.be/vNfLEcTcIrM

For graphics-related bugs, please copy/paste the contents of the about:gpu
page at the end of this report.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1780734</commentid>
    <comment_count>1</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2021-07-30 03:43:17 -0700</bug_when>
    <thetext>&lt;rdar://problem/81318413&gt;</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>