Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Tag buttons have a blurry inner border in Firefox #315

Closed
jhung opened this issue Apr 17, 2020 · 1 comment
Closed

Tag buttons have a blurry inner border in Firefox #315

jhung opened this issue Apr 17, 2020 · 1 comment
Labels
duplicate This issue or pull request already exists enhancement New feature or request
Milestone
1.0.0-rc.1

Comments

@jhung
Copy link
Contributor

jhung commented Apr 17, 2020

Describe the bug

A clear and concise description of what the bug is.

To Reproduce

Steps to reproduce the behavior:

  1. Go to https://pinecone.netlify.app/components/detail/button--tag-button.html
  2. Put focus on the tag button.
  3. Notice the blurry inner white border.

Expected behavior

The inner white border should be a clean white. Edge does not have this problem.

Screenshots

image

Desktop:

  • OS: Windows 10
  • Browser: Firefox

Additional Context

This is likely caused by a combination of a border being applied with a box shadow. Firefox's rendering of these two styles simultaneously often causes visual artifacts.
@jhung jhung added bug Something isn't working enhancement New feature or request and removed bug Something isn't working labels Apr 17, 2020
@greatislander greatislander added this to the 1.0.0-beta.4 milestone Jun 19, 2020
@jhung jhung added the duplicate This issue or pull request already exists label Jul 28, 2020
@jhung
Copy link
Contributor Author

jhung commented Jul 28, 2020

Duplicate of #360

@jhung jhung marked this as a duplicate of #360 Jul 28, 2020
@jhung jhung closed this as completed Jul 28, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
duplicate This issue or pull request already exists enhancement New feature or request
Projects
None yet
Milestone
1.0.0-rc.1
Development

No branches or pull requests
2 participants
@jhung @greatislander