gray-mueller / gray-mueller/food-ordering-app-using-python

Enatega Customer Application: Make Add a Message for Restaurant whole field clickable rightnow user has to click the arrow button

Offen
#751 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
JavaScript
Sterne
4
Forks
3
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

Describe the bug
Currently, on the "Add a Message for Restaurant" component, only the arrow button is clickable to expand or activate the input field. Users must specifically click the arrow, which is not intuitive and can lead to confusion or missed interaction. Clicking anywhere within the field area should trigger the same behavior.

Steps to Reproduce:

Navigate to the section with "Add a Message for Restaurant."
Attempt to click on the text or empty area of the field (not the arrow).
Observe that nothing happens unless the arrow button is clicked.
Expected behavior
The entire "Add a Message for Restaurant" field (including the text and surrounding container) should be clickable to expand the input area, not just the arrow button.

Smartphone (please complete the following information):

Device: [e.g. Infinix HOT 50]
OS: [e.g. Android]
Browser [e.g. Application]
Version [e.g. Latest]

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Suchen Sie die Komponente der Kundenanwendung, die den Text "Add a Message for Restaurant" enthält, und prüfen Sie, wie die Pfeilschaltfläche das Feld erweitert. Sorgen Sie dafür, dass der gesamte Feldbereich dasselbe Verhalten auslöst, und überprüfen Sie anschließend, dass ein Klick auf den Text, den leeren Bereich und den Pfeil das Eingabefeld erwartungsgemäß erweitert.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Aktivitätsstatus
Veraltet
Klarheit
Klar beschrieben
Anfängerfreundlichkeit
52/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.