This repository was archived by the owner on Sep 30, 2025. It is now read-only.
This repository was archived by the owner on Sep 30, 2025. It is now read-only.
Input font size is large on modals on desktop #13553
Description
Summary
An input inside of app-bridge modal will have a large font size because of CSS breakpoints interpreting modal as a screen and making the font large like on mobile.
Expected behavior
Text in inputs is small on desktop.
Actual behavior
Steps to reproduce
Here's a piece of relevant code:
<Modal id="discount-selector-modal" open={open} onHide={onClose}>
<TitleBar title={t("survey.config.settings.select_discount")} />
<ModalContent>
<TextField
label={t("survey.config.settings.search_discounts")}
value={searchTerm}
onChange={setSearchTerm}
autoComplete="off"
placeholder={t("survey.config.settings.search_discounts_placeholder")}
labelHidden
/>
</ModalContent>
<ModalContent padding="0">
<ResourceList items={filteredDiscounts} renderItem={renderItem} />
</ModalContent>
</Modal>
Are you using React components?
Yes
Polaris version number
13.9.5
Browser
Chrome
Device
Linux 6.13 Fedora Linux 41 (Workstation Edition)