Lottie player not sizing correctly within div starting v1.4.2
See original GitHub issueConsider this following working setup, where a Lottie animation inside a div with style properties take it correctly (the Lottie player doesn’t overflow the div, please notice):

Working source code (notice the 1.4.1 version) :
<script src="https://unpkg.com/@lottiefiles/lottie-player@1.4.1/dist/lottie-player.js"></script>
<!-- Somewhere far below... -->
<lottie-player src="https://maxst.icons8.com/vue-static/landings/animated-icons/icons/pause/pause.json"
background="transparent"
style="width: 100%; height: 30vh;"
speed="1"
loop
autoplay>
</lottie-player>
Just change the 1.4.1 from the source code above to 1.4.2 (last version):
<script src="https://unpkg.com/@lottiefiles/lottie-player@1.4.2/dist/lottie-player.js"></script>
You will notice that the Lottie player overflows and is broken:

Issue Analytics
- State:
- Created 2 years ago
- Comments:10 (6 by maintainers)
Top Results From Across the Web
Safari 15.0 SVG sizing is off (also affecting https://lottiefiles.com)
Hi, I noticed today that Safari 15.0 seems to be ignoring the fixed pixel attribute width= and height= in the SVG within the...
Read more >LottieAnimationView size won't change/is too small (iOS/Swift)
I think it's a bug with the lottie library. When I set the frame to be bigger, it does make the picture bigger....
Read more >Lottie alignment and sizing - General - Forum | Webflow
If I set both to 100%, I get the proper size, but I can't manage to align it to the right. Flex or...
Read more >Lottie Player - Interactivity Guide - LottieFiles
This is a quick demo for using the Lottie interactivity library with the Lottie Web Player component and the Lottie Player to add...
Read more >ThemeNectar | Changelogs - Salient
1.6 (1/24/2021). Updated. Updated Salient Portfolio plugin to v1.6.2. Fixed Masonry portfolio layout to size correctly in WordPress 5.6. Updated ...
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

Do update to 1.4.4. Small issue with the height being reduced by 35px. Fixed
Hi @aleaforny . Please check if 1.4.3 fixes the issue for you. Pushed release to npm