border-radius on a dropdown's ui-btn-text #5709

Closed
JorisDebonnet opened this Issue Feb 27, 2013 · 1 comment

2 participants

@JorisDebonnet

See here why it is a problem: http://jsfiddle.net/bSD3M/

The selected option, that is placed inside a ui-btn-text, gets corners cut off the first letter if it fills the entire width. I know it's minor, but I currently don't really understand why ui-btn-text needs border-radius anyway (then again, I haven't seen everything!).

(Note: I am testing this in Firefox; I don't see the issue in Chrome)

@jaspermdegroot jaspermdegroot added a commit that closed this issue Apr 3, 2013
@jaspermdegroot jaspermdegroot Button: removed border-radius inherit for ui-btn-text and added it to…
… listview because that's the only place where we need this. Fixes #5709.
d9eb855
@jaspermdegroot jaspermdegroot added a commit that referenced this issue Apr 3, 2013
@jaspermdegroot jaspermdegroot Button: removed border-radius inherit for ui-btn-text and added it to…
… listview because that's the only place where we need this. Fixes #5709.
a25fef9
@jaspermdegroot
jQuery Foundation member

@JorisDebonnet

Thanks for submitting the issue.
ui-btn-text needs to inherit the border-radius in listviews because thumb are nested in that element and those need to get the same radius at the applicable corner. Since this is the only case I removed the generic rule and added a specific rule in the listview CSS to fix the issue you reported.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment