Picker — the effective list, 375 px, English · עברית · العربية
Frames 5a–5b at a phone width, inside a consuming product's form. Nothing about which list a key means changes with the width; only the layout does — the approved 375 px picker of selection-lists frame 4d, plus the opt-in source caption.
en · ltr · 375 · org fork wins
New support ticket
Acme Logistics · viewer: Sam Ortiz (member)
Caption only with the opt-in showSource; it wraps under the control, never beside it.
he · rtl · 375 · no fork → common list
קריאת שירות חדשה
Initech · אין עותק
en · ltr · 375 · stored value across a fork
Ticket #4182
Saved before Acme forked Priority
The fork's label, with no badge, notice or dirty marker.
stored …v0wa2 (common “Normal”)effective …m8b2 (fork “Medium”)submits …v0wa2 unless the user picks
ar · rtl · 375 · no effective list
تذكرة دعم جديدة
نموذج منتج مستهلك
لا توجد قائمة نشطة بالمفتاح priority في هذه المؤسسة.
States at 375 px
Same states as frames 5a–5b.
loading
One skeleton for both requests; the caption appears with the options.
error
Never falls back to a second, different list.
resolving a stored value
Rules the implementation must keep
- One lookup, one list, at every width — the effective list for the key is decided by the service; the phone layout never fetches or shows a second list.
- Layout is the approved 375 px picker (selection-lists frame 4d): full field width, menu inline under the control, options ≥ 44 px.
- The opt-in source caption wraps under the control and never widens the field; it is absent unless
showSourceis set. - A redirected stored value shows no visible change at phone width either — no badge, notice or flicker; the value submitted is unchanged unless the user picks.
- RTL: the host's
dirdrives the picker; keys and organization names are bidi-isolated; the common/fork glyphs are not mirrored.
Test hooks: [data-frame='15-rtl-mobile-picker'] · [data-device='375'] · [data-locale='he'][data-dir='rtl'] · [data-locale='ar'][data-dir='rtl'] · [data-panel='picker'] · [data-effective-source='own'] · [data-effective-source='platform'] · [data-effective-source-caption='own'] · [data-effective-source-caption='platform'] · [data-combo-menu][data-menu-placement='inline'] · [data-redirected='true'] · [data-persisted] · [data-state='not-found'] · [data-error='NOT_FOUND'] · [data-state='loading'] · [data-state='error'] · [data-state='resolving'] · [data-rules='rtl-mobile-picker']
Playwright mounts the harness at { viewport: 375×812, locale: en | he-IL | ar }: no horizontal scroll, the caption box lies below the control
and inside the viewport, and a redirected value submits the stored id.
Tokens only — no raw hex, spacing or type outside tokens.css / frame.css / mobile.css.