Lock icon is displayed, but the row is still editable (input_number)

[ildar170975]

Checklist:

• [x ] I updated to the latest version available
• [x ] I cleared the cache of my browser

Release with the issue: Home Assistant 2021.5.5 (in Docker, Ubuntu) restriction-card 1.2.6

Last working release (if known):

Browser and Operating System: Chrome 91.0.4472.77 Win10x64 Pro (20H2)

Description of problem: Steps to reproduce:

1. The row is not editable - slider cannot be changed. The "lock" icon is displayed.
2. Tap on the row.
3. A message box "input pin code" will appear.
4. Input pin 1234.
5. The row becomes editable. The "lock" icon disappears.
6. Start changing the slider; do not stop (do not release a mouse button).
7. After some time the "lock" icon appears again. But the slider still can be changed.
8. Stop changing the slider (release the mouse button).
9. A new value is displayed for the input_number.

Test card:

type: 'custom:restriction-card'
restrictions:
  pin:
    code: 1234
card:
  type: entities
  entities:
    - entity: input_number.test_number

Javascript errors shown in the web inspector (if applicable):

Additional information:

[iantrich]

Likely has a higher z-index

Re-read your issue, just skimmed it before. That's not something I can fix.