Bug 208474 - Ugly and misaligned validation bubble
Summary: Ugly and misaligned validation bubble
Status: RESOLVED DUPLICATE of bug 208472
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: Safari 13
Hardware: iPhone / iPad iOS 13
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2020-03-02 14:34 PST by Ferdy Christant
Modified: 2020-03-02 14:57 PST (History)
2 users (show)

See Also:

Attachments
Screenshot of validation tooltip (1.05 MB, image/png)
2020-03-02 14:34 PST, Ferdy Christant 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Ferdy Christant 2020-03-02 14:34:31 PST 
Created attachment 392193 [details]
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.
Comment 1 Chris Dumez 2020-03-02 14:52:03 PST 

*** This bug has been marked as a duplicate of bug 208472 ***
Comment 2 Ferdy Christant 2020-03-02 14:57:17 PST 
Sorry for double posting, had some token issue. The duplicate can be removed.