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.
Duplicate elements showing when adding style to progressive-background
See original GitHub issueDescription
Duplicate elements showing when adding style to progressive-background
Expected behavior
Show the elements inside only once
Actual behavior
The elements get duplicated
Environment
npm ls vue-progressive-image: -- vue-progressive-image@2.5.0
- Operating system: Windows 10 Pro
- Browser and version: Google Chrome - Version 66.0.3359.181 (Official Build) (64-bit)
Reproducible Demo
I created a new vue app and placed this in the generated Home.vue
<progressive-background style="height: auto; overflow: hidden; padding: 15px" src="https://picsum.photos/200/300/?blur">
<p style="margin: 15px 0 0 0; font-weight: bold;">JOHN DOE</p>
</progressive-background>
Result:
If I remove style from progressive-background then the content will only show once
Issue Analytics
- State:
- Created 5 years ago
- Comments:8 (3 by maintainers)
Top Results From Across the Web
background-repeat - CSS: Cascading Style Sheets | MDN
The background-repeat CSS property sets how background images are repeated. A background image can be repeated along the horizontal and ...
Read more >Semi-transparent color layer over background-image?
I simply used background-image css property on the target background div. Note background-image only accepts gradient ...
Read more >Precedence in CSS (When Order of CSS Matters)
It comes up any time multiple CSS selectors match an element with the exact same specificity. Assuming specificity is exactly the same, ...
Read more >How to export artwork in Illustrator
To check the progress of the background export process, you can click the ... JPEG is a standard format for displaying images over...
Read more >What's New In DevTools (Chrome 89)
Use the new Duplicate element shortcut to clone an element instantly. ... The Styles pane now shows color pickers for custom CSS properties....
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@MatteoGabriele I see… Thanks for the explanation! 😄 Will be closing this ticket now.
@atxy2k @Dinuz can you both please create a separate ticket and a public repository with your issue in a simple application with vue-cli?
thank you both for your help