@dnd-kit/accessibility - npm Package Compare versions

Comparing version 3.1.0 to 3.1.1-next-20241023141032

CHANGELOG.md

 # @dnd-kit/accessibility
 
+## 3.1.1-next-20241023141032
+
+### Patch Changes
+
+- [#1534](https://github.com/clauderic/dnd-kit/pull/1534) [`93602df`](https://github.com/clauderic/dnd-kit/commit/93602df08498b28749e8146e0f6143ab987bc178) Thanks [@duvallj](https://github.com/duvallj)! - Workaround `<LiveRegion>` layout bug by adding explicit `top` and `left`
+  attributes. Under sufficiently complex CSS conditions, the element would
+  overflow containers that it's not supposed to. See [this
+  post](https://blog.duvallj.pw/posts/2024-11-19-chrome-heisenbug-uncovered.html)
+  for a complete explanation.
+
 ## 3.1.0
@@ -4,0 +14,0 @@

dist/accessibility.cjs.development.js

@@ -33,2 +33,4 @@ 'use strict';
     position: 'fixed',
+    top: 0,
+    left: 0,
     width: 1,
@@ -35,0 +37,0 @@ height: 1,

dist/accessibility.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e;const i={display:"none"};exports.HiddenText=function(e){let{id:t,value:r}=e;return n.createElement("div",{id:t,style:i},r)},exports.LiveRegion=function(e){let{id:t,announcement:i,ariaLiveType:r="assertive"}=e;return n.createElement("div",{id:t,style:{position:"fixed",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"},role:"status","aria-live":r,"aria-atomic":!0},i)},exports.useAnnouncement=function(){const[e,n]=t.useState("");return{announce:t.useCallback(e=>{null!=e&&n(e)},[]),announcement:e}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e;const i={display:"none"};exports.HiddenText=function(e){let{id:t,value:r}=e;return n.createElement("div",{id:t,style:i},r)},exports.LiveRegion=function(e){let{id:t,announcement:i,ariaLiveType:r="assertive"}=e;return n.createElement("div",{id:t,style:{position:"fixed",top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"},role:"status","aria-live":r,"aria-atomic":!0},i)},exports.useAnnouncement=function(){const[e,n]=t.useState("");return{announce:t.useCallback(e=>{null!=e&&n(e)},[]),announcement:e}};
 //# sourceMappingURL=accessibility.cjs.production.min.js.map

dist/accessibility.esm.js

@@ -26,2 +26,4 @@ import React, { useState, useCallback } from 'react';
     position: 'fixed',
+    top: 0,
+    left: 0,
     width: 1,
@@ -28,0 +30,0 @@ height: 1,

package.json

 {
   "name": "@dnd-kit/accessibility",
-  "version": "3.1.0",
+  "version": "3.1.1-next-20241023141032",
   "description": "A generic toolkit to help with accessibility",
@@ -5,0 +5,0 @@ "author": "Claudéric Demers",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

20929

increased by4.49%

Lines of code

155

increased by2.65%

Worsened metrics

Number of low quality alerts

3

increased by50%

No dependency changes