Language Selector Dropdown Expands Outside of the Tab

[prem-k-r]

In the language selection area, the dropdown list for languages is expanding beyond the intended tab area.

Steps to Reproduce:

• Go to the section with the language selector.
• Click on the dropdown to open the list of languages.
• Notice that the list goes outside the main area or tab.

What I Expected to Happen:
The dropdown list should stay within the tab/container area and allow scrolling if there are many options.

[prem-k-r]

@XengShi can you please check this one. It seems like an easy CSS fix.

I tried following:
max-height: calc(100vh - 200px);
overflow-y: auto;
but it didn't work.

[itz-rj-here]

@XengShi can you please check this one. It seems like an easy CSS fix.

I tried following: max-height: calc(100vh - 200px); overflow-y: auto; but it didn't work.

Uhh add a scroll bar on the language selector -_-

[XengShi]

We cannot fully customize the default tags in HTML, so we need to create a custom dropdown menu using

elements.

Below is the code for a custom dropdown menu that allows for full customization. However, integrating this into the extension will take some time.

style custom dropdown.html.txt

[prem-k-r]

oh ok, so it's not straight forward

[itz-rj-here]

Any fixes?