MudBlazor/MudBlazor

MudTextField with InputType="Date" displays Safari's placeholder date incorrectly

Aberta

#10.155 aberto em 1 de nov. de 2024

Ver no GitHubGuia do colaborador
 (1 comentário) (0 reação) (1 responsável)C# (1.631 forks)batch import
browser: safaribuggood first issue

Métricas do repositório

Stars
 (10.394 estrelas)
Métricas de merge de PR
 (Mesclagem média 6d 6h) (108 fundiu PRs em 30d)

Description

Things to check

  • I have searched the existing issues for this bug
  • To rule out a caching problem I made sure the bug also happens in an incognito tab

Bug type

Component

Component name

MudTextField

What happened?

The MudTextField component with InputType="Date" displays Safari's placeholder date with normal Color (black), and it looks like it's actually a value, which is very confusing to the user.

The bug can also be replicated by visiting the docs, scrolling down to the date and

Expected behavior

The placeholder-date should be displayed grey, just like in dark-mode.

Reproduction link

https://try.mudblazor.com/snippet/QEQIblObRWfgxchb

Reproduction steps

  1. Open snippet in Safari
  2. Klick the button to switch themes
  3. observe

Relevant log output

No response

Version (bug)

6.21.0

Version (working)

No response

What browsers are you seeing the problem on?

Safari

On which operating systems are you experiencing the issue?

macOS

Pull Request

  • I would like to do a Pull Request

Code of Conduct

  • I agree to follow this project's Code of Conduct

Guia do colaborador

Direção de pesquisa
Identifique o seletor CSS para o pseudo elemento placeholder no Safari e aplique uma substituição de cor para torná lo cinza, semelhante ao estilo do modo escuro.
Pilha de tecnologia
csharpcss
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
1
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Menos de 1 hora
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
GitCSS
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
80