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

fix: number-field increment and decrement don't update display text #5253

Closed
wants to merge 27 commits into from

Conversation

robarbms
Copy link
Contributor

@robarbms robarbms commented Oct 5, 2021

Pull Request

πŸ“– Description

When using the increment and decrement arrows to change the value, the displayed value does not update. Also, changing the value through script does not update the displayed value.

🎫 Issues

#5246

πŸ‘©β€πŸ’» Reviewer Notes

πŸ“‘ Test Plan

βœ… Checklist

General

  • I have included a change request file using $ yarn change
  • I have added tests for my changes.
  • I have tested my changes.
  • I have updated the project documentation to reflect my changes.
  • I have read the CONTRIBUTING documentation and followed the standards for this project.

Component-specific

⏭ Next Steps

Rob Barber and others added 20 commits October 5, 2021 14:32
* refactor css custom property emission so that default properties aren't emitted to the body

* Change files

* remove throw

Co-authored-by: nicholasrice <nicholasrice@users.noreply.github.com>
* refactor: remove lodash-es as a dependency

Fixes #5271

* Change files

* fixup! failing test/menu loop

* fixup! missing else

* Update packages/utilities/fast-web-utilities/src/functions.ts

Co-authored-by: Nicholas Rice <3213292+nicholasrice@users.noreply.github.com>

Co-authored-by: Nicholas Rice <3213292+nicholasrice@users.noreply.github.com>
* add parts to horizontal scroller template

* move resize-observer and intersection service to utilities

* ccalculate framesPerSecond with requestAnimationFrame in horizontal-scroll

* use reducer for updateScrollStops in horizontal-scroll

* use optional chaining and conditional operators in horizontal-scroll

* ensure fps is determined before setting stepcount

* use transforms and transitions instead

* Change files

* merge move method into scrollToPosition

- fix playwright test
…ities (#5277)

* remove throttle function from fast-web-utilities

- use requestAnimationFrame in fast-animation

* fix warning when building webpack in fast-animation

* Change files
…5278)

* remove prefix from uniqueId function

* Change files

Co-authored-by: Chris Holt <chhol@microsoft.com>
* Fill color design token update

Background color token was renamed as part of this commit 6de6117 but some docs and usage examples still reference the old name

* Apply suggestions from code review

Co-authored-by: Chris Holt <chhol@microsoft.com>
* add focus event trigger

* Change files

* combine hover and focus properties

* add removeEventListeners for focusin and focusout

Co-authored-by: Dexter Lesaca <v-dlesac@microsoft.com>
Co-authored-by: Chris Holt <chhol@microsoft.com>
* add data grid row header

* Change files

* template feedback

* prettier

Co-authored-by: Chris Holt <chhol@microsoft.com>
* build(fast-element): exclude empty js files from esm index.js

* Change files
* Calendar component

* small update

* Change files

* Adding calendar component to storybook

* Updating styles, adding tests

* Updating stories

* Adding more tests

* Another test, refactoring RTL

* Updating api

* Adding definition

* Updating styles, adding click examples

* Updating api

* Fixing default slot

* Updating change log, fixing today code

* Adding data-grid

* Implementing a calendar-grid in fast-calendar

* small update

* Consolidating styles.

* Updating calendar to reflect vNext changes

* Implementing custom elements for fast-calendar-grid

* Adding date selection events.

* Adding better access to parts for customizability

* Adding support for disabled and selected dates.

* Updating attributes and definitions.

* Adding tests for disabled, selected and RTL.

* Updating slots.

* Cleaning up Calendar api

* Updating story styles.

* Fixing a bug with event example.

* Marking class exports

* Adding aria labels to calendar cells.

* Adding aria for weekday labels

* CSS variable defaults for improved inheritance

* Update date format types.

* Adding missing attribute to definition.

* Breaking date formatting out into it's own file.

* Moving grid to foundation

* Updating tests

* Updating tests

* Setting up tests in en-US by default

* Removing calendar-cell

* Removing the rest of calendar-cell

* Removing border radius from data-grid-cells

* Removing unused elements

* Adding high contrast colors

* Fixing no wrap on data-grid-cells

* Adding base font color.

* Adding readonly calendar

* Updating api

* Updating calendar styles for use with date-picker

* Left aligning slotted content

* Updating interactive styles

* Adding title during component registeration

* Fixing dateFormatter for FireFox

* Cleaning up styles

* Fixing weekday styles for storybook

* Setting date formatting to fromView mode

* Updating template documentation

* Updating tests for browser date compat

Co-authored-by: Chris Holt <chhol@microsoft.com>
* move style assignment for combobox and select into the class and off the DOM node

* Change files
@claviska
Copy link
Contributor

Thanks for the fix! While testing, I noticed I'm able to type non-numeric characters into the field whereas previous versions didn't allow that. I'm aware that these characters are removed on blur, but it's odd they can be entered at all and this behavior is inconsistent with <input type="number">.

Can we restore the old behavior by only allowing 0-9 and . as input?

nicholasrice and others added 6 commits October 14, 2021 13:01
* wire API to configure design token root

* remove test from rollup

* adding tests

* adding deregister test

* clean up tests

* adding deregister documentation

* enable tests

* adding await to before/after each

* replace missing test case

* rename mderegister methods, update docs, and add opt-out feature to DesignSystem to prevent DesignToken registration

* Change files

* fix ae docs

* refactor to remove hard reference to document

Co-authored-by: nicholasrice <nicholasrice@users.noreply.github.com>
@robarbms
Copy link
Contributor Author

I had a bunch of merge conflicts with this PR. I created a new PR: #5289

@robarbms robarbms closed this Oct 18, 2021
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.

NumberField inc/dec buttons don't work anymore
10 participants