default embed sizing is rendering too short and creates a scrollable iframe

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.

Devin241_0-1755107999737.png

Devin241_0-1755108387466.png

 

<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&amp;adults=1&amp;s=66&amp;source=embed_wid...">View On Airbnb</a><a href="https://www.airbnb.com/rooms/1180021006416800910?guests=1&amp;adults=1&amp;s=66&amp;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
Rebecca
Community Manager
Community Manager
Suffolk Coastal District, United Kingdom

Hi @Devin241 👋

 

Thank you so much for sharing this. Would it be okay if I shared this feedback with Airbnb? 

-----

 

Please follow the Community Guidelines

More tools to help you meet your goals

Resource Center

Explore guides for hospitality, managing your listing, and growing your business.