Hey guys, I recently bump into a problem that on the TextField with type "number" I can't click arrows in FireFox... In all other browsers works well.

To tested, there is a link to live example below. But also, you can go to MUI examples from Firefox: https://material-ui.com/components/text-fields/#textfield

Here is a Live Example: https://codesandbox.io/s/textfield-number-forked-tiw49?file=/demo.js

Issues related to this problem on stack overflow: https://stackoverflow.com/questions/67939786/textfield-with-type-number-cant-use-arrows-in-firefox https://stackoverflow.com/questions/67382247/material-ui-textfield-with-type-number-up-down-arrow-stopped-working-in-mozila-f

Bumps jest-junit from 12.1.0 to 12.2.0. <details> <summary>Release notes</summary> <p><em>Sourced from <a href="https://github.com/jest-community/jest-junit/releases">jest-junit's releases</a>.</em></p> <blockquote> <h2>v12.2.0</h2> <p>Bump uuid to the latest version</p> </blockquote> </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/jest-community/jest-junit/commit/6751a86fe334d58d7b3d7920e02162f8ac84c9b1"><code>6751a86</code></a> Merge pull request <a href="https://github-redirect.dependabot.com/jest-community/jest-junit/issues/172">#172</a> from palmerj3/v12.2.0</li> <li><a href="https://github.com/jest-community/jest-junit/commit/ce8dde546dcf3a7e3e302cb20dfe09e1f5a24f95"><code>ce8dde5</code></a> v12.2.0</li> <li><a href="https://github.com/jest-community/jest-junit/commit/181e14edcd97a7cbd5430d7074e2bd7c171c5ba2"><code>181e14e</code></a> Merge pull request <a href="https://github-redirect.dependabot.com/jest-community/jest-junit/issues/171">#171</a> from scttcper/uuid-upgrade</li> <li><a href="https://github.com/jest-community/jest-junit/commit/c6bc051ff283ac45405ea067cfa4f3636783c4ac"><code>c6bc051</code></a> fix: Upgrade uuid package</li> <li>See full diff in <a href="https://github.com/jest-community/jest-junit/compare/v12.1.0...v12.2.0">compare view</a></li> </ul> </details> <br />

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

<details> <summary>Dependabot commands and options</summary> <br />

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

</details>

Bumps mocha from 8.4.0 to 9.0.0. <details> <summary>Release notes</summary> <p><em>Sourced from <a href="https://github.com/mochajs/mocha/releases">mocha's releases</a>.</em></p> <blockquote> <h2>v9.0.0</h2> <h1>9.0.0 / 2021-06-07</h1> <h2>:boom: Breaking Changes</h2> <ul> <li> <p><a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4633">#4633</a>: <strong>Drop Node.js v10.x support</strong> (<a href="https://github.com/juergba"><strong><code>@​juergba</code></strong></a>)</p> </li> <li> <p><a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4635">#4635</a>: <code>import</code>-first loading of test files (<a href="https://github.com/giltayar"><strong><code>@​giltayar</code></strong></a>)</p> </li> </ul> <p><strong>Mocha is going ESM-first!</strong> This means that it will now use ESM <code>import(test_file)</code> to load the test files, instead of the CommonJS <code>require(test_file)</code>. This is not a problem, as <code>import</code> can also load most files that <code>require</code> does. In the rare cases where this fails, it will fallback to <code>require(...)</code>. This ESM-first approach is the next step in Mocha's ESM migration, and allows ESM loaders to load and transform the test file.</p> <ul> <li> <p><a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4636">#4636</a>: Remove deprecated <code>utils.lookupFiles()</code> (<a href="https://github.com/juergba"><strong><code>@​juergba</code></strong></a>)</p> </li> <li> <p><a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4638">#4638</a>: Limit the size of <code>actual</code>/<code>expected</code> for <code>diff</code> generation (<a href="https://github.com/juergba"><strong><code>@​juergba</code></strong></a>)</p> </li> <li> <p><a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4389">#4389</a>: Refactoring: Consuming log-symbols alternate to code for win32 in reporters/base (<a href="https://github.com/MoonSupport"><strong><code>@​MoonSupport</code></strong></a>)</p> </li> </ul> <h2>:tada: Enhancements</h2> <ul> <li><a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4640">#4640</a>: Add new option <code>--dry-run</code> (<a href="https://github.com/juergba"><strong><code>@​juergba</code></strong></a>)</li> </ul> <h2>:bug: Fixes</h2> <ul> <li><a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4128">#4128</a>: Fix: control stringification of error message (<a href="https://github.com/syeutyu"><strong><code>@​syeutyu</code></strong></a>)</li> </ul> <h2>:nut_and_bolt: Other</h2> <ul> <li><a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4646">#4646</a>: Deprecate <code>Runner(suite: Suite, delay: boolean)</code> signature (<a href="https://github.com/juergba"><strong><code>@​juergba</code></strong></a>)</li> <li><a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4643">#4643</a>: Update production dependencies (<a href="https://github.com/juergba"><strong><code>@​juergba</code></strong></a>)</li> </ul> </blockquote> </details> <details> <summary>Changelog</summary> <p><em>Sourced from <a href="https://github.com/mochajs/mocha/blob/master/CHANGELOG.md">mocha's changelog</a>.</em></p> <blockquote> <h1>9.0.0 / 2021-06-07</h1> <h2>:boom: Breaking Changes</h2> <ul> <li> <p><a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4633">#4633</a>: <strong>Drop Node.js v10.x support</strong> (<a href="https://github.com/juergba"><strong><code>@​juergba</code></strong></a>)</p> </li> <li> <p><a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4635">#4635</a>: <code>import</code>-first loading of test files (<a href="https://github.com/giltayar"><strong><code>@​giltayar</code></strong></a>)</p> </li> </ul> <p><strong>Mocha is going ESM-first!</strong> This means that it will now use ESM <code>import(test_file)</code> to load the test files, instead of the CommonJS <code>require(test_file)</code>. This is not a problem, as <code>import</code> can also load most files that <code>require</code> does. In the rare cases where this fails, it will fallback to <code>require(...)</code>. This ESM-first approach is the next step in Mocha's ESM migration, and allows ESM loaders to load and transform the test file.</p> <ul> <li> <p><a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4636">#4636</a>: Remove deprecated <code>utils.lookupFiles()</code> (<a href="https://github.com/juergba"><strong><code>@​juergba</code></strong></a>)</p> </li> <li> <p><a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4638">#4638</a>: Limit the size of <code>actual</code>/<code>expected</code> for <code>diff</code> generation (<a href="https://github.com/juergba"><strong><code>@​juergba</code></strong></a>)</p> </li> <li> <p><a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4389">#4389</a>: Refactoring: Consuming log-symbols alternate to code for win32 in reporters/base (<a href="https://github.com/MoonSupport"><strong><code>@​MoonSupport</code></strong></a>)</p> </li> </ul> <h2>:tada: Enhancements</h2> <ul> <li><a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4640">#4640</a>: Add new option <code>--dry-run</code> (<a href="https://github.com/juergba"><strong><code>@​juergba</code></strong></a>)</li> </ul> <h2>:bug: Fixes</h2> <ul> <li><a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4128">#4128</a>: Fix: control stringification of error message (<a href="https://github.com/syeutyu"><strong><code>@​syeutyu</code></strong></a>)</li> </ul> <h2>:nut_and_bolt: Other</h2> <ul> <li><a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4646">#4646</a>: Deprecate <code>Runner(suite: Suite, delay: boolean)</code> signature (<a href="https://github.com/juergba"><strong><code>@​juergba</code></strong></a>)</li> <li><a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4643">#4643</a>: Update production dependencies (<a href="https://github.com/juergba"><strong><code>@​juergba</code></strong></a>)</li> </ul> </blockquote> </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/mochajs/mocha/commit/8339c3db2cb273f6b56a4cfa7974510f1bf72934"><code>8339c3d</code></a> Release v9.0.0</li> <li><a href="https://github.com/mochajs/mocha/commit/92518dfd3cf2a6458a5c1e67976f1d1eb3c9d1d7"><code>92518df</code></a> update CHANGELOG for v9.0.0 [ci skip]</li> <li><a href="https://github.com/mochajs/mocha/commit/7259a5b1ed83f2191a3330cec905085677803dd0"><code>7259a5b</code></a> Update production dependencies (<a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4643">#4643</a>)</li> <li><a href="https://github.com/mochajs/mocha/commit/82123061ac84dca1a42635167a73714d5f89a846"><code>8212306</code></a> Add new option "--dry-run" (<a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4640">#4640</a>)</li> <li><a href="https://github.com/mochajs/mocha/commit/9872410a717ab389d6b7f585cb00a7b0f8ea1d69"><code>9872410</code></a> Deprecate "Runner(suite: Suite, delay: boolean)" (<a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4646">#4646</a>)</li> <li><a href="https://github.com/mochajs/mocha/commit/a93d759c4c4cfd6da2656be5cbcb6fb9a125a4a1"><code>a93d759</code></a> Limit the size of 'actual'/'expected' before generating diff (<a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4638">#4638</a>)</li> <li><a href="https://github.com/mochajs/mocha/commit/9b4435db8447bf681e7824b31902452f55678adb"><code>9b4435d</code></a> Import-first loading of test files (<a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4635">#4635</a>)</li> <li><a href="https://github.com/mochajs/mocha/commit/1c4e623c020c97269922dc9e23a951f63ad8f7b8"><code>1c4e623</code></a> Fix: control stringification of error message (<a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4128">#4128</a>)</li> <li><a href="https://github.com/mochajs/mocha/commit/1b5cbf131eff4e1858cdfe7a1a7d201664c767dc"><code>1b5cbf1</code></a> Remove deprecated "utils.lookupFiles()" (<a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4636">#4636</a>)</li> <li><a href="https://github.com/mochajs/mocha/commit/356ecf44015f9da7d99ead1049ab9d188c9442b5"><code>356ecf4</code></a> GH actions: delete old workflow runs (<a href="https://github-redirect.dependabot.com/mochajs/mocha/issues/4637">#4637</a>) [ci skip]</li> <li>Additional commits viewable in <a href="https://github.com/mochajs/mocha/compare/v8.4.0...v9.0.0">compare view</a></li> </ul> </details> <br />

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

<details> <summary>Dependabot commands and options</summary> <br />

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

</details>

Bumps serve from 11.3.2 to 12.0.0. <details> <summary>Release notes</summary> <p><em>Sourced from <a href="https://github.com/vercel/serve/releases">serve's releases</a>.</em></p> <blockquote> <h2>12.0.0</h2> <h3>Major Changes</h3> <ul> <li>Update <code>clipboardy</code> to v2.3.0 (Drops support for Node 8, reached <a href="https://endoflife.date/nodejs">end of life</a>): <a href="https://github-redirect.dependabot.com/vercel/serve/issues/612">#612</a></li> </ul> <h3>Minor Changes</h3> <ul> <li>Add <code>-p</code> port flag to the help command output: <a href="https://github-redirect.dependabot.com/vercel/serve/issues/607">#607</a></li> <li>Add flag for disabling port switching: <a href="https://github-redirect.dependabot.com/vercel/serve/issues/579">#579</a></li> </ul> <h3>Patches</h3> <ul> <li>Bump lodash from 4.17.15 to 4.17.19: <a href="https://github-redirect.dependabot.com/vercel/serve/issues/619">#619</a></li> <li>Bump ini from 1.3.5 to 1.3.7: <a href="https://github-redirect.dependabot.com/vercel/serve/issues/638">#638</a></li> <li>Fix: Bump ajv to 6.12.6: <a href="https://github-redirect.dependabot.com/vercel/serve/issues/635">#635</a></li> <li>Update repo location in package.json to be vercel/serve: <a href="https://github-redirect.dependabot.com/vercel/serve/issues/641">#641</a></li> <li>Fix spacing for CORS documentation: <a href="https://github-redirect.dependabot.com/vercel/serve/issues/610">#610</a></li> <li>Fix undefined local network address: <a href="https://github-redirect.dependabot.com/vercel/serve/issues/572">#572</a></li> <li>Bump lodash from 4.17.19 to 4.17.21: <a href="https://github-redirect.dependabot.com/vercel/serve/issues/654">#654</a></li> </ul> <h3>Credits</h3> <p>Huge thanks to <a href="https://github.com/hail2u"><code>@​hail2u</code></a>, <a href="https://github.com/Oscar-21"><code>@​Oscar-21</code></a>, <a href="https://github.com/jespertheend"><code>@​jespertheend</code></a>, <a href="https://github.com/rajivshah3"><code>@​rajivshah3</code></a>, <a href="https://github.com/z-svoboda-mob"><code>@​z-svoboda-mob</code></a>, <a href="https://github.com/IvanSanchez"><code>@​IvanSanchez</code></a>, and <a href="https://github.com/wabscale"><code>@​wabscale</code></a> for helping!</p> </blockquote> </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/vercel/serve/commit/d941baa0b9337fa4c1c01dfc5ff122bad12fb787"><code>d941baa</code></a> 12.0.0</li> <li><a href="https://github.com/vercel/serve/commit/6341041a16ccecd88b0385493474f82c1fdd069a"><code>6341041</code></a> Breaking: Update <code>clipboardy</code> to v2.3.0 (drops support for Node 8, end of lif...</li> <li><a href="https://github.com/vercel/serve/commit/3281c57afd1505e364a98d222dc2e67cbc59b813"><code>3281c57</code></a> Bump lodash from 4.17.19 to 4.17.21 (<a href="https://github-redirect.dependabot.com/vercel/serve/issues/654">#654</a>)</li> <li><a href="https://github.com/vercel/serve/commit/a85bd9d03ae267a492aac683616e028c0bfc6447"><code>a85bd9d</code></a> Add flag for disabling port switching (<a href="https://github-redirect.dependabot.com/vercel/serve/issues/579">#579</a>)</li> <li><a href="https://github.com/vercel/serve/commit/b71af1a405e0bf1d2309093bbc973af7ad233193"><code>b71af1a</code></a> Fix undefined local network address (<a href="https://github-redirect.dependabot.com/vercel/serve/issues/572">#572</a>)</li> <li><a href="https://github.com/vercel/serve/commit/e3fe70a52acecaa0dff4d8746152dee9992230af"><code>e3fe70a</code></a> Fix spacing for CORS documentation (<a href="https://github-redirect.dependabot.com/vercel/serve/issues/610">#610</a>)</li> <li><a href="https://github.com/vercel/serve/commit/818b5e9bac22796e1f3824f8c4b9a8edb7111c3a"><code>818b5e9</code></a> Add <code>-p</code> port flag to the help command output. (<a href="https://github-redirect.dependabot.com/vercel/serve/issues/607">#607</a>)</li> <li><a href="https://github.com/vercel/serve/commit/61731b1ac36d8386fff45d07e717a5b26d6da9ca"><code>61731b1</code></a> Update repo location in package.json to be vercel/serve (<a href="https://github-redirect.dependabot.com/vercel/serve/issues/641">#641</a>)</li> <li><a href="https://github.com/vercel/serve/commit/fbf63761f0112b3b9b9b8890617a03d4268ba9f7"><code>fbf6376</code></a> fix: Bump ajv to 6.12.6 (<a href="https://github-redirect.dependabot.com/vercel/serve/issues/635">#635</a>)</li> <li><a href="https://github.com/vercel/serve/commit/cd7dcf2cd20952f4df01f24ae956af9f0ea96829"><code>cd7dcf2</code></a> Bump ini from 1.3.5 to 1.3.7 (<a href="https://github-redirect.dependabot.com/vercel/serve/issues/638">#638</a>)</li> <li>Additional commits viewable in <a href="https://github.com/vercel/serve/compare/11.3.2...12.0.0">compare view</a></li> </ul> </details> <details> <summary>Maintainer changes</summary> <p>This version was pushed to npm by <a href="https://www.npmjs.com/~leerobinson">leerobinson</a>, a new releaser for serve since your current version.</p> </details> <br />

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

<details> <summary>Dependabot commands and options</summary> <br />

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

</details>

dfsf

gsd

test

fe

d

d

hey

@dandv Avoid the above, you will create a new component at each render, breaking the animation.

Maybe we should add a plain example, just before the demo?

function TransitionLeft(props) {
  return <Slide {...props} direction="left" />;
}

export default function MyComponent() {
  return <Snackbar TransitionComponent={TransitionLeft} />;
}

@oliviertassinari I am willing to add this example to the guide. Can you please let me know if its still needed? happy to submit a PR

hey

hey

We’re not yet asking application authors to try the release.

People won't listen (like me).

For example, TikTok has upgraded to React 18 already (https://twitter.com/Brooooook_lyn/status/1402632529270632456?s=20)

Since people want to try out fresh things immediately, I think a list of what is blocking people from upgrading is helpful and can reduce other one's time-wasting.

<!-- 0 failure: 0 warning:

1 markdown notices DangerID: danger-id-Danger; -->

Bundle size will be reported once Azure build #28821 finishes. <p align="right"> Generated by :no_entry_sign: <a href="https://danger.systems/js">dangerJS</a> against 89d6cc42dc8c457a87bafb296e8656112e23801b </p>

<!-- Thanks so much for your PR, your contribution is appreciated! ❤️ -->

close #21902

new default breakpoint

values = {
  xs: 0, // phone
  sm: 600, // tablets
  md: 900, // small laptop
  lg: 1200, // desktop
  xl: 1500, // large screens
},

• [x] I have followed (at least) the PR section of the contributing guide.

hey

@MatanBobi just to be clear, does jest automatically call cleanup at this point in time?

Edit: sorry I just noticed that not all pages mentioning the auto cleanup were updated, except the api page. So if I don't explicitly set injectGlobals to false, I should be fine?

Hi @BustosAndrew! Yeah, as you said, if you're using jest they are injected automatically so we'll use that hook to run our cleanup function.

test comment

test

@MatanBobi just to be clear, does jest automatically call cleanup at this point in time?

<!-- Please provide a clear and concise description of what the bug is. Include screenshots if needed. Please test using the latest version of the relevant React packages to make sure your issue has not already been fixed. -->

React version: 17.0.2

Steps To Reproduce

1. Render a button and a scrollable list with a height of 150px. The list should contain an array of 15 items, making sure to set the key prop of each item to unique values.
2. Observe that you can see around 8 of the original 15 list items in view.
3. On clicking the button, insert 15 more items into the beginning of the list, once again making sure to set the key prop of each item to unique values.
4. Observe that you can now see around 8 of the new list items in view.

<!-- Your bug will get fixed much faster if we can run your code and it doesn't have dependencies other than React. Issues without reproduction steps or code examples may be immediately closed as not actionable. -->

Link to code example: https://codesandbox.io/s/keen-sound-7q5yf?file=/src/App.js

<!-- Please provide a CodeSandbox (https://codesandbox.io/s/new), a link to a repository on GitHub, or provide a minimal code example that reproduces the problem. You may provide a screenshot of the application if you think it is relevant to your bug report. Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve. -->

The current behavior

If the scroll position is at the very top of a list, after inserting new items at the beginning of the list, the new items are now visible.

The expected behavior

If the scroll position is at the very top of a list, after inserting new items at the beginning of the list, the original items should remain visible.

NOTE: When the scroll position is 1 or more pixels from the top of a list, after inserting new items at the beginning of the list, the new items remain visible as expected.