<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Form Dropdown cropped in Lead Capture Tools</title>
    <link>https://community.hubspot.com/t5/Lead-Capture-Tools/Form-Dropdown-cropped/m-p/1127094#M12679</link>
    <description>&lt;P&gt;Hi,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;We've embedded a form on an external Wordpress website, but the very first dropdown list is being cropped (images attached).&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;It works perfectly on the &lt;A href="https://share.hsforms.com/2E6g6NDOFTGKZnrcg9at_Eg1tw2w" target="_blank" rel="noopener"&gt;hsforms.com&lt;/A&gt; page:&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="form-hs-page.png" style="width: 816px;"&gt;&lt;img src="https://community.hubspot.com/t5/image/serverpage/image-id/141690i76E0B7B14F54F0E8/image-size/large?v=v2&amp;amp;px=999" role="button" title="form-hs-page.png" alt="form-hs-page.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I've tried adding spacing/padding to the bottom of the code/embed module (we use the Divi theme builder), but the dropdown still gets cropped:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="form-ifhc-page.png" style="width: 999px;"&gt;&lt;img src="https://community.hubspot.com/t5/image/serverpage/image-id/141691i9E1EF3F5320D624C/image-size/large?v=v2&amp;amp;px=999" role="button" title="form-ifhc-page.png" alt="form-ifhc-page.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Are there any solutions, other than switching back to the Legacy Editor version? I've read the new Editor is limited in some styling/layout aspects.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Thanks,&lt;/P&gt;&lt;P&gt;James.&lt;/P&gt;</description>
    <pubDate>Tue, 25 Mar 2025 09:33:01 GMT</pubDate>
    <dc:creator>JKielty1</dc:creator>
    <dc:date>2025-03-25T09:33:01Z</dc:date>
    <item>
      <title>Form Dropdown cropped</title>
      <link>https://community.hubspot.com/t5/Lead-Capture-Tools/Form-Dropdown-cropped/m-p/1127094#M12679</link>
      <description>&lt;P&gt;Hi,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;We've embedded a form on an external Wordpress website, but the very first dropdown list is being cropped (images attached).&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;It works perfectly on the &lt;A href="https://share.hsforms.com/2E6g6NDOFTGKZnrcg9at_Eg1tw2w" target="_blank" rel="noopener"&gt;hsforms.com&lt;/A&gt; page:&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="form-hs-page.png" style="width: 816px;"&gt;&lt;img src="https://community.hubspot.com/t5/image/serverpage/image-id/141690i76E0B7B14F54F0E8/image-size/large?v=v2&amp;amp;px=999" role="button" title="form-hs-page.png" alt="form-hs-page.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I've tried adding spacing/padding to the bottom of the code/embed module (we use the Divi theme builder), but the dropdown still gets cropped:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="form-ifhc-page.png" style="width: 999px;"&gt;&lt;img src="https://community.hubspot.com/t5/image/serverpage/image-id/141691i9E1EF3F5320D624C/image-size/large?v=v2&amp;amp;px=999" role="button" title="form-ifhc-page.png" alt="form-ifhc-page.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Are there any solutions, other than switching back to the Legacy Editor version? I've read the new Editor is limited in some styling/layout aspects.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Thanks,&lt;/P&gt;&lt;P&gt;James.&lt;/P&gt;</description>
      <pubDate>Tue, 25 Mar 2025 09:33:01 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/Lead-Capture-Tools/Form-Dropdown-cropped/m-p/1127094#M12679</guid>
      <dc:creator>JKielty1</dc:creator>
      <dc:date>2025-03-25T09:33:01Z</dc:date>
    </item>
    <item>
      <title>Re: Form Dropdown cropped</title>
      <link>https://community.hubspot.com/t5/Lead-Capture-Tools/Form-Dropdown-cropped/m-p/1127155#M12680</link>
      <description>&lt;P class="" data-start="81" data-end="92"&gt;Hi &lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/917783"&gt;@JKielty1&lt;/a&gt;,&lt;/P&gt;
&lt;P class="" data-start="94" data-end="331"&gt;The dropdown is being cropped due to the iframe height being too short. Since the form works fine on the &lt;CODE data-start="213" data-end="226"&gt;hsforms.com&lt;/CODE&gt; page, the issue is likely related to how the iframe is embedded within your WordPress site using Divi.&lt;BR /&gt;&lt;BR /&gt;&lt;/P&gt;
&lt;P class="" data-start="360" data-end="396"&gt;&lt;STRONG data-start="364" data-end="394"&gt;Increase the iframe height&lt;/STRONG&gt;&lt;/P&gt;
&lt;UL data-start="400" data-end="679"&gt;
&lt;LI class="" data-start="400" data-end="491"&gt;
&lt;P class="" data-start="402" data-end="491"&gt;Try manually increasing the &lt;CODE data-start="430" data-end="438"&gt;height&lt;/CODE&gt; property of the iframe where the form is embedded.&lt;/P&gt;
&lt;/LI&gt;
&lt;/UL&gt;
&lt;P class="" data-start="681" data-end="732"&gt;&lt;STRONG data-start="685" data-end="730"&gt;Enable auto-resizing for the HubSpot form&lt;/STRONG&gt;&lt;/P&gt;
&lt;UL data-start="736" data-end="1234"&gt;
&lt;LI class="" data-start="736" data-end="899"&gt;
&lt;P class="" data-start="738" data-end="899"&gt;HubSpot forms support automatic resizing. If you're using the HubSpot embed code, ensure it includes the &lt;CODE data-start="843" data-end="851"&gt;resize&lt;/CODE&gt; script to dynamically adjust the form height.&lt;/P&gt;
&lt;/LI&gt;
&lt;/UL&gt;</description>
      <pubDate>Tue, 25 Mar 2025 11:34:28 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/Lead-Capture-Tools/Form-Dropdown-cropped/m-p/1127155#M12680</guid>
      <dc:creator>Wesimplifi_</dc:creator>
      <dc:date>2025-03-25T11:34:28Z</dc:date>
    </item>
    <item>
      <title>Re: Form Dropdown cropped</title>
      <link>https://community.hubspot.com/t5/Lead-Capture-Tools/Form-Dropdown-cropped/m-p/1133987#M12747</link>
      <description>&lt;P&gt;Hi - how would I add the resize script into the form code? I am having a similar issue.&lt;BR /&gt;&lt;BR /&gt;Code is below:&lt;BR /&gt;&lt;BR /&gt;&amp;lt;script src="&lt;A href="https://js-eu1.hsforms.net/forms/embed/25858380.js" target="_blank"&gt;https://js-eu1.hsforms.net/forms/embed/25858380.js&lt;/A&gt;" defer&amp;gt;&amp;lt;/script&amp;gt;&lt;BR /&gt;&amp;lt;div class="hs-form-frame" data-region="eu1" data-form-id="745f9123-49f1-41c2-8ee1-f7abac96eb6f" data-portal-id="25858380"&amp;gt;&amp;lt;/div&amp;gt;&lt;/P&gt;</description>
      <pubDate>Wed, 09 Apr 2025 08:19:30 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/Lead-Capture-Tools/Form-Dropdown-cropped/m-p/1133987#M12747</guid>
      <dc:creator>JLovick</dc:creator>
      <dc:date>2025-04-09T08:19:30Z</dc:date>
    </item>
    <item>
      <title>Re: Form Dropdown cropped</title>
      <link>https://community.hubspot.com/t5/Lead-Capture-Tools/Form-Dropdown-cropped/m-p/1134081#M12751</link>
      <description>&lt;P&gt;Hi&amp;nbsp;&lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/700527"&gt;@JLovick&lt;/a&gt;,&lt;BR /&gt;&lt;BR /&gt;You can use this code,&lt;/P&gt;
&lt;LI-CODE lang="markup"&gt;&amp;lt;script src="https://js-eu1.hsforms.net/forms/embed/25858380.js"&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;div class="hs-form-frame"
     data-region="eu1"
     data-form-id="745f9123-49f1-41c2-8ee1-f7abac96eb6f"
     data-portal-id="25858380"&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;style&amp;gt;
  .hs-form-frame {
    min-height: 800px;
    overflow: visible;
  }
  .hs-form-frame iframe {
    min-height: 800px !important;
    width: 100% !important;
    display: block;
  }
&amp;lt;/style&amp;gt;&lt;/LI-CODE&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Wed, 09 Apr 2025 11:33:18 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/Lead-Capture-Tools/Form-Dropdown-cropped/m-p/1134081#M12751</guid>
      <dc:creator>Wesimplifi_</dc:creator>
      <dc:date>2025-04-09T11:33:18Z</dc:date>
    </item>
    <item>
      <title>Re: Form Dropdown cropped</title>
      <link>https://community.hubspot.com/t5/Lead-Capture-Tools/Form-Dropdown-cropped/m-p/1256316#M13601</link>
      <description>&lt;P&gt;Having the same issue working with Elementor on Wordpress.&amp;nbsp; Dropdown works perfect on the Hubspot Form URL, but the list is cropped when embedding.&amp;nbsp; Tried the step recommended by &lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/911291"&gt;@Wesimplifi_&lt;/a&gt;&amp;nbsp; above to manually adjust the height, but it just extends the frame size,&amp;nbsp; not the dropdown list.&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Any help much appreciated!&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="contact form - hubspot landing page.png" style="width: 400px;"&gt;&lt;img src="https://community.hubspot.com/t5/image/serverpage/image-id/169104i97566D518286C122/image-size/medium?v=v2&amp;amp;px=400" role="button" title="contact form - hubspot landing page.png" alt="contact form - hubspot landing page.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="contact form website iframe.png" style="width: 400px;"&gt;&lt;img src="https://community.hubspot.com/t5/image/serverpage/image-id/169105i9F2334E01C373BA2/image-size/medium?v=v2&amp;amp;px=400" role="button" title="contact form website iframe.png" alt="contact form website iframe.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;  &lt;/P&gt;</description>
      <pubDate>Thu, 05 Mar 2026 15:10:59 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/Lead-Capture-Tools/Form-Dropdown-cropped/m-p/1256316#M13601</guid>
      <dc:creator>MHarvey643</dc:creator>
      <dc:date>2026-03-05T15:10:59Z</dc:date>
    </item>
  </channel>
</rss>

