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.

Encuentra más publicaciones etiquetadas con

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>

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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