IE9 , if custom SELECT button is on the right border of the window, it expand the select menu over the whole window width #4577

Closed
ninichki opened this Issue Jun 21, 2012 · 4 comments

Projects

None yet

3 participants

@ninichki

Only IE9

IE9 , if the select button is on the right border of the window, it opens the select menu over the whole window.

thanks for your create work

@jaspermdegroot
Member

@ninichki - Can you provide a sample page that illustrates the issue? That will also clearify what you mean with "on the right border of the window". Template can be found here https://github.com/jquery/jquery-mobile#issues

@ninichki
ninichki commented Jul 6, 2012

Here it is:

http://jsbin.com/awoluv/86

when you push the small blue Button it renders the menu over the whole window

only IE9

thanks

@HuangJian

Adding this style rule could fix this issue:

.ui-selectmenu .ui-selectmenu-list .ui-btn-text {
    width: auto;
}

Please try it on http://jsbin.com/awoluv/86/edit#/awoluv/206/edit

Thanks.

@jaspermdegroot
Member

@HuangJian

Thanks for posting a solution! The problem is indeed the width: 100%;. Going to use a different selector in the fix though, to make it apply to all div.ui-btn-text.

@jaspermdegroot jaspermdegroot added a commit that referenced this issue Nov 29, 2012
@jaspermdegroot jaspermdegroot Button: width auto for div's with class ui-btn-text to prevent custom…
… selects breaking on IE. Fixes #4577.
e282bfc
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment