question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Portrait background doesn't fill when using circle at certain zoom levels

See original GitHub issue

Current behaviour

At zoom levels > 50% and < 100% (not inclusive), the dark background of the Portrait component doesn’t fill entirely if using the shape="circle" prop. Screenshot 2022-03-07 at 09 01 44

Expected behaviour

The background fill between these zoom levels should be consistent

CodeSandbox or Storybook URL

N/A

JIRA Ticket (Sage Only)

No response

Suggested Solution

No response

Carbon Version

104.48.0

What browsers are you seeing the problem on?

Chrome

What Operating System are you seeing the problem on?

MacOS

Anything else we should know?

No response

Confidentiality

  • I confirm there is no confidential or commercially sensitive information included.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
grabkowskicommented, Mar 8, 2022

@DlgSHi I think that we were looking into issues with browser zoom a long time ago and we’ve decided that we’ll be not looking for solutions to resolve them, could you confirm this?

0reactions
carboncicommented, May 16, 2022

🎉 This issue has been resolved in version 106.4.2 🎉

The release is available on:

Your semantic-release bot 📦🚀

Read more comments on GitHub >

github_iconTop Results From Across the Web

How can I fill a div with an image while keeping it ...
I have a div with a certain size and an image inside of it. I want to always fill-out the di v with...
Read more >
Changing your Virtual Background image - Zoom Support
If the setting is grayed out, it has been locked at the Account level, and needs to be changed at that level. (Optional)...
Read more >
How To Fill A Shape With A Photo In Photoshop
One thing we can do is change the color of the background. Selecting the Background layer. Clicking the New Fill or Adjustment Layer...
Read more >
zoom - CSS: Cascading Style Sheets - MDN Web Docs
The non-standard zoom CSS property can be used to control the magnification level of an element. transform: scale() should be used instead of ......
Read more >
Take Portrait mode photos with your iPhone camera
On iPhone XS, iPhone XR, and later, use the Depth Control slider to adjust the level of background blur in your Portrait mode...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found