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

Image block - image shape firefox issue #3042

Open
andeng1106 opened this issue Feb 5, 2024 · 0 comments · May be fixed by #3187
Open

Image block - image shape firefox issue #3042

andeng1106 opened this issue Feb 5, 2024 · 0 comments · May be fixed by #3187
Assignees
Labels
[block] Image bug Something isn't working

Comments

@andeng1106
Copy link

andeng1106 commented Feb 5, 2024

Describe the bug
When you add a blob shape on an Image block, it looks different in Firefox

To Reproduce
Steps to reproduce the behavior:

  1. Add an Image block
  2. In Inspector > Style tab, add an Image Shape (any)
  3. Save page
  4. See frontend on Chrome (expected)
  5. See frontend on Firefox (issue)

Workaround
Add this to the Image block's custom CSS:

.stk-img-wrapper.stk-img--shape img {
	mask-size: inherit !important;
}

Expected behavior

  • Image shape should look correct on Firefox browser
  • Declare mask-size: inherit; for the Image shape

Screenshots

Screen.Recording.2024-02-05.at.10.58.02.AM.mov
@andeng1106 andeng1106 added bug Something isn't working [block] Image labels Feb 5, 2024
@Arukuen Arukuen linked a pull request May 19, 2024 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[block] Image bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants