pax_global_header 0000666 0000000 0000000 00000000064 13724736332 0014524 g ustar 00root root 0000000 0000000 52 comment=321a392a0a779d78d339cbf9f13bce5a0fe36045
calvellido-focus-options-polyfill-321a392/ 0000775 0000000 0000000 00000000000 13724736332 0020546 5 ustar 00root root 0000000 0000000 calvellido-focus-options-polyfill-321a392/.gitignore 0000664 0000000 0000000 00000000043 13724736332 0022533 0 ustar 00root root 0000000 0000000 node_modules
.idea
coverage/
*.log
calvellido-focus-options-polyfill-321a392/LICENSE 0000664 0000000 0000000 00000002056 13724736332 0021556 0 ustar 00root root 0000000 0000000 MIT License
Copyright (c) 2018 Juan Valencia
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
calvellido-focus-options-polyfill-321a392/README.md 0000664 0000000 0000000 00000004751 13724736332 0022034 0 ustar 00root root 0000000 0000000 # focus-options-polyfill
[](https://npmjs.com/package/focus-options-polyfill "View this project on npm")
JavaScript polyfill for `focusOptions`, an optional property passed to `HTMLElement.focus()` that contains the `preventScroll` boolean, which controls whether the browser should prevent a focused element from being scrolled into view.
## Current support
https://caniuse.com/#feat=mdn-api_htmlelement_focus_preventscroll_option
## Docs
* WHATWG Spec
https://html.spec.whatwg.org/multipage/interaction.html#dom-focusoptions-preventscroll
* MDN Web Docs - focus
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus
## Intents to implement
* Chrome/Chromium: Chrome Platform Status issue 734166 - Prevent scrolling in HTMLElement.focus()
https://www.chromestatus.com/feature/5745122025144320
* Edge: Issue 14314565 - Enable ability to prevent scrolling in Element.focus()
https://web.archive.org/web/20190401133643/https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/14314565/
* Firefox: Bug 1374045 - Consider adding support for customizing scrolling behavior with Element.focus
https://bugzilla.mozilla.org/show_bug.cgi?id=1374045
* Safari: WebKit Bug 178583 - Enable ability to prevent scrolling in Element.focus()
https://bugs.webkit.org/show_bug.cgi?id=178583
## document.scrollingElement
This polyfill uses a basic fallback for the [document.scrollingElement](https://developer.mozilla.org/en-US/docs/Web/API/Document/scrollingElement) property, using `document.documentElement` when not found.
This could suffice in basic cases, but if you need wider and/or specific support you should refer to a polyfill for it:
* https://github.com/mathiasbynens/document.scrollingElement
Also, to overcome its absence if you are executing this polyfill through [`jsdom`](https://github.com/jsdom/jsdom), you could place this in your setup:
```js
document.scrollingElement = document.documentElement
```
More context about this property can be found in:
* https://developer.mozilla.org/en-US/docs/Web/API/Document/scrollingElement
* https://developer.mozilla.org/en-US/docs/Web/HTML/Quirks_Mode_and_Standards_Mode
* https://developer.mozilla.org/en-US/docs/Web/API/Document/documentElement
## Dev and testing
To check this polyfill you can do:
```bash
npm run dev
```
to launch a small page that will check browser/polyfill behaviour.
calvellido-focus-options-polyfill-321a392/index.html 0000664 0000000 0000000 00000007065 13724736332 0022553 0 ustar 00root root 0000000 0000000
focus-options-polyfill