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.

Border styling interferes with scaling of popup

See original GitHub issue

Not sure if this is considered unsupported but it still seems like unintended behavior: if you add a small border using the css border property for the popup in the script, or use the css styling in the configuration window, the popup will have empty space below it which increases as you increase the border size. With fit to window enabled, It is visible even with a 1px border, but a 10px border illustrates the issue better. Besides this issue with extraneous padding on the bottom of the popup, the border seems to be applied properly and evenly around the image.

EDIT: The behavior is different for large images scaled down and smaller images scaled up: for smaller images scaled to the window, the bottom of the popup is actually cut off.

I guess that ultimately the scaling algorithm just needs to take into account the added width and height from the popup border before doing its work?

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:14 (8 by maintainers)

github_iconTop GitHub Comments

1reaction
tophfcommented, Mar 6, 2020

Well, I don’t have a preference on this since I believe this is a bug in FF so let’s revert. Maybe you can find a different dpi value that hides the bug.

0reactions
tophfcommented, Mar 7, 2020

I still don’t understand so you’ll have to implement it yourself in a way that makes sense to you and present a convincing use case.

Read more comments on GitHub >

github_iconTop Results From Across the Web

HTML/CSS Border not to scale with corners remaining visible
I have a feeling that the background-color "leaks" outside of a border it can happen when you use border-radius .. Those CSS properties...
Read more >
How To Adjust the Content, Padding, Border, and Margins of ...
In this tutorial, you will learn about the CSS Box Model , a model used to refer to the content, padding, border, and...
Read more >
border-color - CSS: Cascading Style Sheets - MDN Web Docs
The border-color shorthand CSS property sets the color of an element's border.
Read more >
Change properties - Google Web Designer Help
Click the color swatch to choose the color for the element's border. Border width, The width of the border in either pixels or...
Read more >
CSS border-top-right-radius property - W3Schools
Definition and Usage ... The border-top-right-radius property defines the radius of the top-right corner. Tip: This property allow you to add rounded borders...
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