govau / design-system-components

🛠 Component code and tests for the Australian Government design system
https://auds.service.gov.au
MIT License
738 stars 111 forks source link

Searchbox - Doesn't display "Search" button text at 576px #1052

Open pponnapalli87 opened 3 years ago

pponnapalli87 commented 3 years ago

Bug Report

What happened

For XS breakpoint, search box button should display an icon for "responsive" variant. And for SM and above it should display "Search" text within the button. But it doesn't display the "Search" text on 576px width. It works fine for all other breakpoints and pixels

What I expected to happen

I should see "Search" text within the button for 576px width

Reproducing

Steps to reproduce:

  1. From root directory, npm run bootstrap
  2. Navigate to packages/searchbox and npm run watch. This loads the component within localhost
  3. Switch to browser responsive mode (Click Ctrl + Shift + M)
  4. Change the width to 576px and check for the responsive search box variants

Attachments

image