137269 2014-09-30 14:24:29 -0700 weird input[type=number] incr/decrement button behavior at odd-numbered font sizes 2024-01-15 17:21:35 -0800 1 1 1 Unclassified WebKit Forms WebKit Nightly Build Mac (Intel) OS X 10.11 ASSIGNED http://jsfiddle.net/FFXEc/ HasReduction, InRadar P2 Normal --- 159753 1 webkit tonikitoo ahmad.saleem792 hnrch02+webkit jonlee ntim p.jacquemart roger_fong simon.fraser tonikitoo webkit-bug-importer zalan oldest_to_newest 1038345 0 webkit 2014-09-30 14:24:29 -0700 OS Version: OS X 10.9.5 Safari Version: 7.1 (9537.85.10.17.1) Steps to reproduce the problem: 1. Open the demo JS Fiddle ( http://jsfiddle.net/FFXEc/ ) in Safari. 2. (All further instructions are regarding the second/middle input[type=number] field on the demo.) [Bug A]: 3. Hover the cursor up and down along the inner right edge of the field, in horizontal alignment with the increment and decrement buttons. [Bug B/C]: 4. Click on the top part of the decrement button, such that you observe normal behavior. 5. Continue clicking repeatedly while moving your cursor downward, beyond the decrement button but still within the bounds of the input field. What is the expected behavior? A: The cursor ought to always remain a pointer while it's within the bounds of the decrement button. B: Clicking outside the bounds of the increment/decrement buttons should not cause the input field's value to change. C: Invoking the decrement button should always cause it to flash blue to indicate that it was clicked. What went wrong? A: The cursor changes from a pointer to an "I"-bar (for text entry/selection) before you have gone outside the bounds of the decrement button. B: The field's number value continues to decrement. C: The decrement button did not flash blue to indicate that it was somehow clicked. Original Bootstrap bug report: https://github.com/twbs/bootstrap/issues/8350 Related Chromium bug: https://code.google.com/p/chromium/issues/detail?id=337668 1044893 1 webkit 2014-10-29 16:04:48 -0700 Still broken in Safari version 8.0 (10600.1.25) on OS X Yosemite. 1045246 2 webkit-bug-importer 2014-10-31 00:03:12 -0700 <rdar://problem/18834768> 1092254 3 252499 webkit 2015-05-06 11:44:29 -0700 Created attachment 252499 Copy of JS Fiddle example 1162795 4 webkit 2016-02-07 16:18:43 -0800 Still reproduces in Safari version 9.0.3 (11601.4.4) 1186668 5 tonikitoo 2016-04-23 15:18:55 -0700 (In reply to comment #4) > Still reproduces in Safari version 9.0.3 (11601.4.4) I will take a look at this. 1186704 6 zalan 2016-04-23 19:41:17 -0700 It's probably because the placeholder renderer for the increment/decrement button is the height of the button element while the actual widget (for obvious reasons) is not scaled up to it. The fix is to size and position the placeholder renderer in sync with the widget. 1186712 7 zalan 2016-04-23 21:25:18 -0700 (In reply to comment #6) > It's probably because the placeholder renderer for the increment/decrement > button is the height of the button element while the actual widget (for > obvious reasons) is not scaled up to it. The fix is to size and position the > placeholder renderer in sync with the widget. Though it might be a bit difficult as it's all flexbox driven afair. 1978136 8 ahmad.saleem792 2023-09-18 15:55:16 -0700 Fixed recently in Chromium / Blink as well - https://chromium.googlesource.com/chromium/src.git/+/f75283abf000d956d99336f5762c4ff215ef44fb Might not be exact fix but good to at least tag for even importing text etc. 2005121 9 ahmad.saleem792 2024-01-15 10:50:31 -0800 (In reply to Ahmad Saleem from comment #8) > Fixed recently in Chromium / Blink as well - > https://chromium.googlesource.com/chromium/src.git/+/ > f75283abf000d956d99336f5762c4ff215ef44fb > > Might not be exact fix but good to at least tag for even importing text etc. Just checked and we can merge this, it seems. 2005164 10 ntim 2024-01-15 16:34:41 -0800 (In reply to Ahmad Saleem from comment #9) > (In reply to Ahmad Saleem from comment #8) > > Fixed recently in Chromium / Blink as well - > > https://chromium.googlesource.com/chromium/src.git/+/ > > f75283abf000d956d99336f5762c4ff215ef44fb > > > > Might not be exact fix but good to at least tag for even importing text etc. > > Just checked and we can merge this, it seems. Feel free to submit a PR :) 2005170 11 ahmad.saleem792 2024-01-15 17:03:24 -0800 (In reply to Tim Nguyen (:ntim) from comment #10) > (In reply to Ahmad Saleem from comment #9) > > (In reply to Ahmad Saleem from comment #8) > > > Fixed recently in Chromium / Blink as well - > > > https://chromium.googlesource.com/chromium/src.git/+/ > > > f75283abf000d956d99336f5762c4ff215ef44fb > > > > > > Might not be exact fix but good to at least tag for even importing text etc. > > > > Just checked and we can merge this, it seems. > > Feel free to submit a PR :) Doing local build but it might involve to merge this as well: https://source.chromium.org/chromium/chromium/src/+/2e5cf9f34b1ee2d0616be5f29501166021006416 2005176 12 ahmad.saleem792 2024-01-15 17:21:35 -0800 (In reply to Ahmad Saleem from comment #8) > Fixed recently in Chromium / Blink as well - > https://chromium.googlesource.com/chromium/src.git/+/ > f75283abf000d956d99336f5762c4ff215ef44fb > > Might not be exact fix but good to at least tag for even importing text etc. Merging just this definitely leads to regression and in some cases the increment button get stuck and even if we lose focus, it continues to increment till we don't refresh page. Just noticed on local build using test case from Comment 0. 252499 2015-05-06 11:44:29 -0700 2015-05-06 11:44:29 -0700 Copy of JS Fiddle example example-FFXEc.html text/html 1028 webkit PCFET0NUWVBFIGh0bWw+CjxodG1sPjxoZWFkPgogIDxtZXRhIGh0dHAtZXF1aXY9ImNvbnRlbnQt dHlwZSIgY29udGVudD0idGV4dC9odG1sOyBjaGFyc2V0PVVURi04Ij4KICA8dGl0bGU+IC0ganNG aWRkbGUgZGVtbzwvdGl0bGU+CiAgICAKICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgogICAgLmN1 c3RvbS1mb250LXNpemUgewogICAgaGVpZ2h0OiAzNHB4OwogICAgCn0KaW5wdXRbdHlwZT0ibnVt YmVyIl0gewogICAgZm9udC1zaXplOiAxNXB4Owp9CgojZml4ZWQ6Oi13ZWJraXQtb3V0ZXItc3Bp bi1idXR0b24sCiNmaXhlZDo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiB7CiAgICBoZWlnaHQ6 IGF1dG87Cn0KCiAgPC9zdHlsZT4KCgo8L2hlYWQ+Cjxib2R5PgogIDxwPkEgbm9ybWFsIG51bWJl ciBpbnB1dCBmb3IgY29tcGFyaXNvbjo8L3A+CjxpbnB1dCB0eXBlPSJudW1iZXIiIHZhbHVlPSI5 OSIgaWQ9ImNvbnRyb2wiPgoKPHA+VHJ5IGhvdmVyaW5nIGFuZCBjbGlja2luZyBvbiB0aGUgbG93 ZXIgaGFsZiBvZiB0aGUgZGVjcmVtZW50IGJ1dHRvbi4gTm90ZSBob3cgdGhlIGN1cnNvciBwcmVt YXR1cmVseSBjaGFuZ2VzIHRvIGFuIEktYmFyIHRleHQgY3Vyc29yLiBZb3UgY2FuIGFsc28gbWFu YWdlIHRvIGNsaWNrIGFuZCBhY3RpdmF0ZSB0aGUgZGVjcmVtZW50IGJ1dHRvbiBldmVuIHRob3Vn aCB0aGUgY3Vyc29yIHNlZW1zIHRvIGJlIGJlbG93IHRoZSBidXR0b24gYW5kIHRoZSBidXR0b24g ZG9lc24ndCBmbGFzaCBibHVlIHRvIGluZGljYXRlIHRoYXQgaXQgd2FzIGNsaWNrZWQuPC9wPgo8 aW5wdXQgdHlwZT0ibnVtYmVyIiB2YWx1ZT0iOTkiIGNsYXNzPSJjdXN0b20tZm9udC1zaXplIiBp ZD0iYnJva2VuIj4KCjxicj48YnI+Cgo8cD5IZXJlJ3MgdGhlIENTUyBoYWNrL3dvcmthcm91bmQg dGhhdCBzb21lIGZvbGtzIGFyZSB1c2luZzo8L3A+CjxpbnB1dCB0eXBlPSJudW1iZXIiIHZhbHVl PSI0MiIgY2xhc3M9ImN1c3RvbS1mb250LXNpemUiIGlkPSJmaXhlZCI+Cgo8L2JvZHk+PC9odG1s Pgo=