Skip to content

Conversation

majornista
Copy link
Collaborator

Per #1509 and #1486

✅ Pull Request Checklist:

  • Included link to corresponding React Spectrum GitHub Issue 1486 and NumberField fixes #1509.
  • Added/updated unit tests and storybook for this change (for new code or code which already has tests).
  • Filled out test instructions.
  • Updated documentation (if it already exists for this component).
  • Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

On an iOS device:

  1. Open http://localhost:9003/?path=/story/numberfield--required in Safari.
  2. Open VoiceOver
  3. Navigate to the NumberField input
  4. The input should announce as "Enter numbers, Enter a number, text field, required", which corrects a behavior with aria-roledescription where the required state is not announced.

In Safari on macOS:

  1. Open http://localhost:9003/?path=/story/numberfield--currency in Safari.
  2. Open VoiceOver
  3. Navigate to the NumberField input
  4. Press down arrow twice to set the value to -1
  5. VoiceOver should announce the value as "minus sign one Euro point zero zero", which corrects a case where the hyphen to indicate negative value in the input was ignored by VoiceOver and negative values were not announced any differently than positive values.

🧢 Your Project:

Adobe/Accessibility

Michael Jordan added 2 commits January 29, 2021 13:23
So that the `required` state will announce, we ignore `aria-roledescription` on iOS. The input will announce as a simple text field.
…ion announcement

So that VoiceOver will negative values consistently for currency or percent.
@devongovett devongovett merged commit 096734a into adobe:numberfield-fixes Feb 1, 2021
dannify pushed a commit that referenced this pull request Feb 1, 2021
* Fix double border between input and buttons

* Fix disabled focus and hover states for stepper buttons

* Update stepper disabled state as you type

* Adjust behavior of step to match slider and native number input

* Allow incrementing/decrementing values that are near the min/max step value

* Replace "spin button number field" with just "number field"

* Improve focus behavior for stepper buttons

* Fix forward delete of plusSign

* Fix typing minus sign in some locales

* making focused invalid numberfield stay red

* Fix issue where we couldn't type a negative number

* giving proper padding right to valid/invalid/loadable quiet textfields

moved the styles so they are more specific than the isQuiet padding right styles

* fixing numberfield quiet mobile stepper button active styles

* Implement fallback support for reverting invalid composition events

For browsers that don't support input events level 2

* Fix typing symbols from non-default numbering systems

e.g. latin decimal point in arabic

* Support normal negative numbers in accounting format

* Remove horizontal scrolling as an incr/decr method

* fix react 17

* Make active state go around full component rather than just input on touch

* Set inputMode according to the OS

* Fix sign display polyfill with number parser in Safari

* Numberfield fixes: remove aria-roledescription on iOS and replace hyphen with minus sign (#1517)

* Slight cleanup and add comment about minus sign

Co-authored-by: Rob Snow <rsnow@adobe.com>
Co-authored-by: Daniel <dlu@livefyre.com>
Co-authored-by: Michael Jordan <mijordan@adobe.com>
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