ericclemmons / click-to-component

Option+Click React components in your browser to instantly open the source in VS Code
MIT License
1.84k stars 70 forks source link

Show outline in Firefox #87

Open zjffun opened 3 weeks ago

zjffun commented 3 weeks ago

See: Copy The Browser's Native Focus Styles | CSS-Tricks

I tried the code below, it does not work. So I decide to use @supports to detect.

[data-click-to-component-target] {
  cursor: var(--click-to-component-cursor, context-menu) !important;
  outline: auto 1px;
  outline: var(
      --click-to-component-outline,
      -webkit-focus-ring-color auto 1px,
      Highlight auto 1px
    ) !important;
  }
}
changeset-bot[bot] commented 3 weeks ago

⚠️ No Changeset found

Latest commit: f6de5c4488b8b2e0b5776acb0d07d67570386461

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR