[Webkit-unassigned] [Bug 208474] New: Ugly and misaligned validation bubble

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=208474

            Bug ID: 208474
           Summary: Ugly and misaligned validation bubble
           Product: WebKit
           Version: Safari 13
          Hardware: iPhone / iPad
                OS: iOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Forms
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: ferdy.christant at gmail.com
                CC: cdumez at apple.com, wenson_hsieh at apple.com

Created attachment 392193

  --> https://bugs.webkit.org/attachment.cgi?id=392193&action=review

Screenshot of validation tooltip

See screenshot. When using HTML5 native validation on form elements, the browser will use a tool-tip to alert users of invalid values.

In the case of iOS Safari 13 (only version I tested), the tool-tip is rendered very poorly. Specifically, the tool-tip is quite high with the validation message being top-aligned, whereas it should be vertically middle aligned.

Although this seems a minor issue, I do find it very annoying, because I was aiming to go for a pure HTML5 validation solution without any script involved. The tooltips generally look OK across browsers, yet mobile Safari is way off, it seems.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20200302/a693c208/attachment.htm>