No error bubble at form validation

[Thierry61]

Operation System: Windows 10
Beaker Version: 0.4.3

If an invalid string is entered in an input element with a pattern, then an error bubble doesn’t appear. This works fine with Google Chrome 57.0.2987.133 and Microsoft Edge 38.14393.0.0 but not with Beaker 0.4.3.

See input field in safe://constellations2 or this codepen in clear net for comparison with Chrome or Edge.

[hitman401]

Hi @Thierry61, hope this issue is resolved in the latest release. If you find the issue still prevailing, please do reopen this issue again. Thanks!

[Thierry61]

Hi Krishna. Sorry, but error bubble still doesn’t work with SAFE Browser 0.4.0.

Here some screen shots in the same codepen in clear net:

• SAFE Browser (NOK):
  

• Chrome (OK):
  

• Edge (OK):
  

Note: You tell me to reopen the issue again but I don't have the privilege for that.

[hitman401]

Thanks for the detailed information. We will look into this issue.

[hunterlester]

Known issue in electron: electron/electron#1043
@joshuef Do we want to implement support for HTML5 form validation or document this as something that web app developers must implement?
Thinking about what we'd have to do...something like in the Tab component, query for input elements with a pattern attribute and add an invalid event listener. On invalid event I guess a modal or something like a SnackBar could be rendered.

[joshuef]

@joshuef Do we want to implement support for HTML5 form validation or document this as something that web app developers must implement?

Hmm, I think we certainly should do this.

Once we've antD setup and we've more stable UI components this should be simpler (I wouldnt do this with a custom tooltip component, nor use nessie as we'll likely deprecate that soon enough.