corejavascript/typeahead.js

Firefox is broken, Chrome and Edge works fine.

Open

#257 ouverte le 23 févr. 2024

Voir sur GitHub
 (2 commentaires) (7 réactions) (0 assignés)JavaScript (956 stars) (232 forks)batch import
bughelp wanted

Description

Edge: image

Firefox: image

min-width workaround just for firefox.

.search-box-menu{
    width: 100%;
    min-width: 18.75rem !important;
}

Our typeahead initialization:https://github.com/JJConsulting/JJMasterData/blob/main/src/Web/Scripts/SearchBoxListener.ts

If you want to repro, create a SearchBox in a form at https://www.github.com/jjconsulting/jjmasterdata

Guide contributeur

Stack technique
javascripthtmlcss
Domaine
frontend
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
under 1 hour
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
CSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
85
Direction de recherche
Investigate the CSS issue in Firefox where the search box menu width doesn't render correctly without a min width. Apply the suggested workaround (add min width: 18.75rem !important to .search box menu) and verify it fixes the layout in Firefox without breaking Chrome and Edge. Ensure the change is consistent with the library's existing CSS and consider any potential accessibility or responsiveness impacts.