Text fields have different states, but looks exactly same

[webard]

• Laravel Version: 10.47.0
• Nova Version: 4.32.16
• PHP Version: 8.2.16
• Database Driver & Version: Mysql 8.2.16
• Operating System and Version: MacOS 14.3.1
• Browser type and version: Chrome 122.0.6261.112

Description:

• Not readonly fields looks like readonly
• Not filled readable fields looks like filled fields

This problem exists only on light mode, in dark mode there is little difference:

But in my opinion readonly field should be more dimmed than field with placeholder.

Detailed steps to reproduce the issue on a fresh Nova installation:

• just add some fields that are filled, not filled and disabled.

[potsky]

For me all simple text fields (not email, not date, ...) look like disabled but we can still fill and modified them as expected.

They all have this attribute data-disabled="false".

[webard]

Exactly, there is no problem with filling data, but styling might be confusing for users.

[morhi]

The issue is in vendor/laravel/nova/resources/css/form.css on line 19. As said already the attribute of the input fields is set to data-disabled="false", but the style does not care about the value set for this attribute, so it gets applied to all input elements.

[github-actions[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.