We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

align <select> dropdown menu on the right edge of parent box

  • 2 replies
  • 4 have this problem
  • 7 views
  • Last reply by vasilhs81

more options

Hello, I was wondering if you can help me about an issue i have with Firefox browser. I'm designing a webpage and i have a "<select>" menu with numerous options. On Firefox the left edge of the dropdown menu aligns to the left edge of the parent "<select>" box whereas in other browsers (Chrome, IE) aligns to the right. The entire menu, is located on the right edge of my page The result is when the innertext of an option is very long, exceeds the margins of the page and is cut. Is there any hidden option (css-fix), so that i could make dropdown menu align to the right of the parent box , just like other browsers? (I have some screenshots of the menu, but i don't know where to post them)

Thank you in advance!

Hello, I was wondering if you can help me about an issue i have with Firefox browser. I'm designing a webpage and i have a "<select>" menu with numerous options. On Firefox the left edge of the dropdown menu aligns to the left edge of the parent "<select>" box whereas in other browsers (Chrome, IE) aligns to the right. The entire menu, is located on the right edge of my page The result is when the innertext of an option is very long, exceeds the margins of the page and is cut. Is there any hidden option (css-fix), so that i could make dropdown menu align to the right of the parent box , just like other browsers? (I have some screenshots of the menu, but i don't know where to post them) Thank you in advance!

All Replies (2)

more options

Could you post your Screenshot and code.

There is "browse" icon above POST REPLY button, it helps to add your image.

more options

In the posted images, I 've isolated the dropdown menu and the three cases (firefox, chrome, IE)

Thanks again!