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.

Finde mehr Beiträge mit dem Tag

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>

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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