corejavascript/typeahead.js

Firefox is broken, Chrome and Edge works fine.

Open

#257 geöffnet am 23. Feb. 2024

Auf GitHub ansehen
 (2 Kommentare) (7 Reaktionen) (0 zugewiesene Personen)JavaScript (956 Stars) (232 Forks)batch import
bughelp wanted

Beschreibung

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

Contributor Guide

Tech Stack
javascripthtmlcss
Domain
frontend
Issue Type
bug
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
under 1 hour
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
fresh
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
CSS
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
85
Research-Richtung
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.