<?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>294961</bug_id>
          
          <creation_ts>2025-06-25 01:11:34 -0700</creation_ts>
          <short_desc>After click tabindex element in shadowDom, cannot navigation by Tab key</short_desc>
          <delta_ts>2026-04-09 00:57: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>DOM</component>
          <version>Safari 18</version>
          <rep_platform>Unspecified</rep_platform>
          <op_sys>macOS 15</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>
          
          <blocked>148695</blocked>
          <everconfirmed>1</everconfirmed>
          <reporter name="Woody Lee">woodlxf00</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>jcraig</cc>
    
    <cc>karlcow</cc>
    
    <cc>rniwa</cc>
    
    <cc>tyler_w</cc>
    
    <cc>webkit-bug-importer</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>2125719</commentid>
    <comment_count>0</comment_count>
    <who name="Woody Lee">woodlxf00</who>
    <bug_when>2025-06-25 01:11:34 -0700</bug_when>
    <thetext>DOM:
```
&lt;my-element&gt;
  &lt;div tabindex=&quot;0&quot;&gt;
    &lt;div id=&quot;inner&quot;&gt;Inner content&lt;/div&gt;
  &lt;/div&gt;
&lt;my-element&gt;
```

Demo: https://codepen.io/Woody-lxf/pen/WbvLLyo

1. Visit the demo.
2. Click the #inner div.
3. Using the keyboard Tab key to navigate.

Then the focus element is always the tabindex div, and cannot navigate to others.
But the Tab navigation works well after clicking on other positions.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2125723</commentid>
    <comment_count>1</comment_count>
    <who name="Woody Lee">woodlxf00</who>
    <bug_when>2025-06-25 01:15:37 -0700</bug_when>
    <thetext>Tried to change the delegatesFocus property, but it still exists.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2127227</commentid>
    <comment_count>2</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2025-07-02 01:12:14 -0700</bug_when>
    <thetext>&lt;rdar://problem/154838788&gt;</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>