forms get disabled on error

As an example in the login form, if there is an error - such as "Invalid Username or Password", the form becomes unresponsive.

It gets enclosed with this div and a few others

<div class="modal show fade" style="inset: 0px; z-index: 1999997; display: block;"

In this case, a mysql function raises an exception, which gets converted to statuscode 500. Which I am capturing and displaying on the form.

This login form originated from the wizard for xdata client.

  1. What causing it?
  2. How do I stop it or undo it?

Which login form are you referring to? I assume you are referring to the wizard "TMS XData Web Application", which creates a sample application with CRUD forms based on a database?

Such wizard doesn't provide login capabilities to the app.
In any case, can you please provide the exact steps to reproduce the issue?

I finally know why this is happening. I am getting the same effect when I use a MessageDialog on
a CRUD Edit form. A dialog box pops up, but is not visible.

It puts a fade block on top, which makes it look like its frozen. Followed by the dialogbox with a higher z-index.

<div class="modal show fade" style="inset: 0px; z-index: 1999997; display: block;">
<div class="modal-dialog" role="document" style="z-index: 1999998;">
..

Any clues why the dialog box is not visible? Its there, I can see it in DevTools->Elements, when I do select Inspect.

Hi people, are there an thoughts on this?

Please isolate and send a sample source project with which we can reproduce this.