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.

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

fix(drawing): fix blur not showing in safari #669

Merged
merged 2 commits into from
Jan 14, 2021

Conversation

ChenCodes
Copy link
Contributor

@ChenCodes ChenCodes commented Jan 14, 2021

Changes in this PR:

  • Safari doesn't support vh and vw in the element so I'm opting to use specific pixel attributes
  • Cross browser testing

Demo:
Chrome
Screen Shot 2021-01-14 at 10 34 54 AM

Safari
Screen Shot 2021-01-14 at 10 35 16 AM

Firefox
Screen Shot 2021-01-14 at 10 35 32 AM

Edge
Screen Shot 2021-01-14 at 10 37 27 AM

IE
Screen Shot 2021-01-14 at 10 39 19 AM

@ChenCodes ChenCodes requested a review from a team as a code owner January 14, 2021 18:39
@@ -18,7 +18,7 @@ export function DrawingSVG({ className, children, ...rest }: Props, ref: React.R
{...rest}
>
<defs>
<filter filterUnits="userSpaceOnUse" height="100vh" id="ba-DrawingSVG-shadow" width="100vw">
<filter filterUnits="userSpaceOnUse" id="ba-DrawingSVG-shadow">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I thought this was what we had previously?

Copy link
Contributor Author

@ChenCodes ChenCodes Jan 14, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We previously had primitiveUnits="objectBoundingBox" in the first commit for this file. It was later changed to filterUnits="userSpaceOnUse".

@ChenCodes ChenCodes merged commit d5c0adb into box:master Jan 14, 2021
@ChenCodes ChenCodes deleted the annotation-blur-not-showing-in-safari branch January 14, 2021 20:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants