-
Notifications
You must be signed in to change notification settings - Fork 28.2k
docs: update known Safari bug #43513
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.
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
Conversation
docs/api-reference/next/image.md
Outdated
clip-path: inset(0.5px); | ||
} | ||
} | ||
/* Safari v16.0+ */ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can we target both safari 15 and 16 with a single media query?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
using:
@media (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
}
}
media query should work but would make the example less clear I think.
write this doc just to explain to developers, because in fact, developers still need to change it, such as 0.5px
maybe need to change 1px
.
WDYT?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think 1px will be too much and make the image look smaller in Safari. We want this value to be the smallest possible change to the page while still removing the border.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
got it! thank you!
anyway, is a good way to fix this!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I changed to 0.6px 👍
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks! I pushed a change to use a smaller css media query.
Why
hey, teams!
since Safari
v16
is supported resolution media query, so this before docs the@media not all and (min-resolution: 0.001dpcm)
media query will not work on Safari latest version.so I update the docs for
next/image
Known Browser Bugs, hope this can help developers.Documentation / Examples
pnpm build && pnpm lint