govau/design-system-components

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

pponnapalli87 opened this issue · 0 comments

pponnapalli87 commented

Bug Report

  • I’ve read and understood the Contributing guidelines and have done my best effort to follow them.
  • I’ve read and agree to the Code of Conduct.
  • I’ve searched for any related issues and avoided creating a duplicate issue.

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

  • Module name: @gov.au/searchbox
  • Module version: 0.2.3
  • Pancake version: 1
  • Node version: 8 or higher
  • npm version: corresponding to node version
  • Pancake settings in your package.json:

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