Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: Add keepCancelVisible prop on SearchInput #289

Merged
merged 3 commits into from
Jun 14, 2024

Conversation

adelloste
Copy link
Member

Short description

This PR adds keepCancelVisible prop on SearchInput component in order to keep the cancel button visible when the input loses focus.

How to test

  1. Launch the example app
  2. Go to the SearchCustom screen

@adelloste adelloste requested review from dmnplb and a team as code owners June 14, 2024 08:09
@adelloste adelloste merged commit 180b422 into main Jun 14, 2024
6 checks passed
@adelloste adelloste deleted the chore-search-input-keep-cancel-visible branch June 14, 2024 10:12
adelloste added a commit to pagopa/io-app that referenced this pull request Jun 17, 2024
…#5863)

This PR depends on
pagopa/io-app-design-system#289

## Short description
This PR sets `keepCancelVisible` prop to true on SearchInput component.

<details open><summary>Details</summary>

<p>

| SearchInput |
| - | 
| <video
src="https://github.com/pagopa/io-app/assets/29163287/20838c71-f3b2-485a-b50f-205bfb7dd58d"
width="300"/> |
</p>
</details> 

## List of changes proposed in this pull request
- bump `@pagopa/io-app-design-system` to 1.39.1
- set `keepCancelVisible` prop to true on SearchInput
- set `keyboardDismissMode` prop to `interactive` for ios and `on-drag`
as default

## How to test
using `io-dev-api-server`, navigate to services search screen and check
that the cancel button is always visible when input loses focus
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants