default embed sizing is rendering too short and creates a scrollable iframe
13-08-2025
07:06 PM

- Mark as New
- Subscribe
- Mute
- Permalink
- Who Liked this post
- Report Inappropriate Content
13-08-2025
07:06 PM
default embed sizing is rendering too short and creates a scrollable iframe
When using the airbnb share feature "embed", the embedded frame shows up cut in half, with the bottom of the content requiring scrolling.
You can see the first image is what is default, the second is what I see by changing the height.
<div class="airbnb-embed-frame" data-id="1180021006416800910" data-view="home" data-hide-price="true" style="width: 450px; height: 300px; margin: auto;"><a href="https://www.airbnb.com/rooms/1180021006416800910?guests=1&adults=1&s=66&source=embed_wid...">View On Airbnb</a><a href="https://www.airbnb.com/rooms/1180021006416800910?guests=1&adults=1&s=66&source=embed_wid..." rel="nofollow">Cabin in Campton · ★4.99 · 2 bedrooms · 4 beds · 1 bath</a><script async="" src="https://www.airbnb.com/embeddable/airbnb_jssdk"></script></div>
This is the embed code given by airbnb, and it seems changing the height to 460px is just enough to remove the scrollbar and show all content.
1 Reply 1
Thursday

- Mark as New
- Subscribe
- Mute
- Permalink
- Who Liked this post
- Report Inappropriate Content
Thursday
Hi @Devin241 👋
Thank you so much for sharing this. Would it be okay if I shared this feedback with Airbnb?
Thursday

