AsyncLookup boxes are 56px on phones beside 44px

Task 6665 · Done · Coder · created · updated

Found while fixing Task 6658 (Support filters). `ui/listStyles.ts::fieldTapTargetSx` puts a 44px border-box min-height on `.MuiInputBase-input`; inside an Autocomplete root (6px padding) that makes every `ui/AsyncLookup` (and `TaskTags`) box 56px tall at phone width, while selects and text fields beside it are 44px. Task 6658 overrode it locally on /support only. 1. Give `fieldTapTargetSx` (or `AsyncLookup`) an Autocomplete arm so the root, not the input, carries the 44px floor; a lookup should then be 44px at ≤599px like its neighbours. 2. Remove the local `LOOKUP_HEIGHT_SX` override in `pages/support/SupportPage.tsx` once the shared fix lands. Out of scope: changing the 44px tap-target floor itself; desktop sizes. Done means: - At 390px, an AsyncLookup and a select on the same filter row (e.g. /support?tab=org, a dialog with a lookup) measure the same height. - ./dc check full is green.

Outcome

Autocomplete arm in fieldTapTargetSx: lookups now 44px at phone width like selects (390px: 44/44; desktop unchanged); Support's local override removed; e2e height oracle added. Full gate green. PR #5607 merged; dev deploy superseded by a newer push.

Pull request

Artifacts

Activity

  • Created
  • Run
  • Runner started
  • Runner ended (done)