search

jtsage / jtsage-datebox

A multi-mode date and time picker for Bootstrap (3&4), jQueryMobile, Foundation, Bulma, FomanticUI, and UIKit (or others)
http://datebox.jtsage.dev/
Other
474 stars 166 forks source link

TimeFlipBox AM/PM spinner misaligned in Safari on iOS 7. #292

Closed ap-m closed 10 years ago

ap-m commented 11 years ago

The TimeFlipBox AM/PM spinner is misaligned in Safari on iOS 7.

Reproduction steps:

  1. Open http://dev.jtsage.com/jQM-DateBox/unit/timeflipbox.html in Safari on iOS 7.
  2. Click on the icon next to the "Themes" input.
  3. Once the TimeFlipBox opens, notice that the AM/PM spinner is misaligned relative to the hour and minute spinners.

A screenshot is attached. It was taking using Safari in the iOS 7 simulator (Version 7.0 (463.9.4)). Safari's User-Agent value was: Mozilla/5.0 (iPhone; CPU iPhone OS 7_0 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A465 Safari/9537.53

github_bug_report_ios7_safari

edwardbc commented 10 years ago

Still happening. I haven't looked deep into the cause of the issue, but a quick fix I used to resolve it is adding a border to the list:

.ui-datebox-flipcontent ul {
    border:1px solid rgba(0,0,0,0);
}
jtsage commented 10 years ago

huh.

1.) I've no idea why that fix would work, but it sure seems to - doesn't seem to break it elsewhere, so in it goes.

2.) curiously, if you move the slider (pre-fix), it is correct when the control updates. odd.

Thanks for the fix.