found an UI glitch

[xmluozp]

When the text inside options are too long, the first render will make the dropdown box on wrong position

direct cause:
when first render. the container calculates the "translate" based on width of the option box. In my case its:
transform: translate(-263px, 38px);

however its based on oversized text box (the class ".dropdown-item") which causes the issue.
once you scroll it, then it will be auto adjusted.

my current workaround is to hardcode width of ".dropdown-item"

[ericgio]

Thanks @xmluozp! I believe this is a duplicate of #776.