Skip to content

feat(toast): add 'swipeGesture' property to dismiss toasts via swipe#22133

Closed
TakumaKira wants to merge 132 commits intoionic-team:masterfrom
TakumaKira:feat-swipe-to-dismiss-toasts
Closed

feat(toast): add 'swipeGesture' property to dismiss toasts via swipe#22133
TakumaKira wants to merge 132 commits intoionic-team:masterfrom
TakumaKira:feat-swipe-to-dismiss-toasts

Conversation

@TakumaKira
Copy link
Copy Markdown
Contributor

closes #21769

Pull request checklist

Please check if your PR fulfills the following requirements:

  • Tests for the changes have been added (for bug fixes / features)
  • Docs have been reviewed and added / updated if needed (for bug fixes / features)
  • Build (npm run build) was run locally and any changes were pushed
  • Lint (npm run lint) has passed locally and any fixes were made for failures

Pull request type

Please check the type of change your PR introduces:

  • Bugfix
  • Feature
  • Code style update (formatting, renaming)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • Documentation content changes
  • Other (please describe):

What is the current behavior?

Issue Number: #21769

What is the new behavior?

  • By setting the swipeGesture property to left or right, developers can allow dismissing the Toast via swiping.

Does this introduce a breaking change?

  • Yes
  • No

Other information

@ionitron-bot ionitron-bot bot added the package: core @ionic/core package label Sep 22, 2020
Takuma Kira and others added 13 commits September 22, 2020 13:53
Improve Angular example by adding missing (`any`) typehint of the event
Release Ionic Vue 0.5.0
…-aria (ionic-team#22113)

This also fixes the Select "popover" interface as it is made up of radio buttons

WAI-ARIA Guidelines:

- Tab and Shift + Tab: Move focus into and out of the radio group. When focus moves into a radio group :
  - If a radio button is checked, focus is set on the checked button.
  - If none of the radio buttons are checked, focus is set on the first radio button in the group.
- Space: checks the focused radio button if it is not already checked.
- Right Arrow and Down Arrow: move focus to the next radio button in the group, uncheck the previously focused button, and check the newly focused button. If focus is on the last button, focus moves to the first button.
- Left Arrow and Up Arrow: move focus to the previous radio button in the group, uncheck the previously focused button, and check the newly focused button. If focus is on the first button, focus moves to the last button.

Closes ionic-team#21743
brandyscarney and others added 2 commits November 4, 2020 16:19
…team#22352)

This stops screen readers, such as NVDA, from reading every item as clickable even when it is text only.

fixes ionic-team#22011
@EinfachHans
Copy link
Copy Markdown
Contributor

why didn't u add the directions for swiping up (on top placed toasts) and swiping down (on bottom placed toasts)?

@TakumaKira
Copy link
Copy Markdown
Contributor Author

@EinfachHans

why didn't u add the directions for swiping up (on top placed toasts) and swiping down (on bottom placed toasts)?

I just thought it was enough with horizontal swipes, but if you say so, anyone would need them. I will add them soon, thanks!

@evgeniy-skakun
Copy link
Copy Markdown
Contributor

@liamdebeasi @TakumaKira Is there no progress?

@liamdebeasi
Copy link
Copy Markdown
Contributor

Hi everyone,

I am going to close this in favor of #23124 as this PR is a bit outdated. If we merge the PR we will be sure to give credit to both @evgeniy-skakun and @TakumaKira. Thanks!

@roman-rr
Copy link
Copy Markdown

Don't sure how's going here, but I did create toasts with swipe and stacked bar based on Panes.
Feel free to use with Ionic.

Demo
RIch Notifications

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: core @ionic/core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat: Swipe to dismiss Toasts