Skip to content

fix Select cursor display even when not searchable on Firefox only #8063

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
merged 3 commits into from
Jul 22, 2025
Merged

fix Select cursor display even when not searchable on Firefox only #8063

merged 3 commits into from
Jul 22, 2025

Conversation

ihsanberkozcan
Copy link
Contributor

fixed #8057

@rtivital rtivital merged commit ddf7ad8 into mantinedev:master Jul 22, 2025
1 check passed
@rtivital
Copy link
Member

Thanks!

@ikapta
Copy link
Contributor

ikapta commented Jul 31, 2025

PasswordInput component caret invisble. This occurs because the PasswordInput input component is rendered as a div, which is a :not(:read-write) element will selected by :read-only

MDN

Important

The :read-only pseudo-class matches any element that does not match :read-write, effectively equivalent to :not(:read-write).

image

Proposed Solution

update the CSS to target only input elements with :read-only.

 &:is(input):read-only {
    caret-color: transparent;
  }

@EdwardEB EdwardEB mentioned this pull request Aug 6, 2025
Merged
@icflorescu icflorescu mentioned this pull request Aug 6, 2025
Closed
2 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

Select cursor display even when not searchable on Firefox only
3 participants
@ihsanberkozcan @rtivital @ikapta