Bug 184273 - [Shadow DOM] :nth-of-type() selector doesn't match in shadow roots
Summary: [Shadow DOM] :nth-of-type() selector doesn't match in shadow roots
Status: RESOLVED DUPLICATE of bug 166748
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks: 148695
  Show dependency treegraph
 
Reported: 2018-04-03 11:18 PDT by Keanu Lee
Modified: 2018-09-05 16:25 PDT (History)
1 user (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Keanu Lee 2018-04-03 11:18:17 PDT
The :nth-of-type() selector doesn't match in shadow roots. For example:

#shadow-root
  <style>
  .item:nth-of-type(3) { ... }
  </style>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>

Demo: Last 2 categories ("Men's T-Shirts" and "Ladies T-Shirts") on https://shop.polymer-project.org
Comment 1 Ryosuke Niwa 2018-09-05 16:25:26 PDT

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