nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Fix width of drop down menu in select option

mohannainar1

Hi,

I want both dropdown and option menu should be in same width. In the below image option is bigger than dropdown width . Is there any way to make it fixed width for both dropdown and option.

Vind meer berichten getagd met

Accepted answers

RobertScheitlin__GISP

Mohan,

Strange I tested in Chrome as well and it worked fine (as shown in the screen shot).

All comments

mohannainar1

Thank you robert.

RobertScheitlin__GISP

Mohan,

Strange I tested in Chrome as well and it worked fine (as shown in the screen shot).

mohannainar1

I added the above code in style.css file , its not reflecting in application. Trying in Chrome browser.

RobertScheitlin__GISP

Mohan,

That is actually not an easy task. Here is a css rule that will clip the width (not very ideal):

<SPAN class="selector token">.dijitPopup.dijitMenuPopup</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp; <SPAN class="property token">width</SPAN><SPAN class="punctuation token">:</SPAN> 220px<SPAN class="punctuation token">;</SPAN>
&nbsp; <SPAN class="property token">overflow</SPAN><SPAN class="punctuation token">:</SPAN>hidden<SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.