mdui-text-field number type covers text with label if value is not number

[he00741098]

Screencast.from.2024-08-12.19-40-19.mp4

Here is the basic html that I used.

         <mdui-text-field
          clearable
          type="number"
          variant="outlined"
          label="Starting Total number of Cu2+ in bath side"
          value="900"
          class="paramInput"></mdui-text-field>

Here is the css class

  .paramInput {
    margin-bottom: 10px;
    /* background-color: gray !important; */
  }

[zdhxiong]

It seems to be a bug in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1398528.
You can temporarily use <mdui-text-field pattern="[1-9]*"></mdui-text-field> instead.