@drippr/embed-react 0.2.3 → 0.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/index.js +2 -10
- package/dist/index.mjs +2 -10
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -213,6 +213,7 @@ interface DripprFlowApi {
|
|
|
213
213
|
- External button with controlled `open`/`onOpenChange` props
|
|
214
214
|
- **Z-Index**: Automatically set to high values (99999+) to prevent conflicts with CSS frameworks like Tailwind CSS
|
|
215
215
|
- **Prefetching**: Enabled by default (`prefetch={true}`) for faster loading. The component automatically prefetches the page content when mounted (modal/drawer modes only). If this causes issues with your implementation (e.g., unwanted network requests, conflicts with your routing), you can disable it with `prefetch={false}`.
|
|
216
|
+
- **Console Warnings**: You may see a browser console warning about "Blocked autofocusing on a <textarea> element in a cross-origin subframe." This is expected browser security behavior and can be safely ignored - autofocus still works correctly. This warning comes from the browser's cross-origin iframe security policy, not from the embed package.
|
|
216
217
|
|
|
217
218
|
## Requirements
|
|
218
219
|
|
package/dist/index.js
CHANGED
|
@@ -211,13 +211,9 @@ function ModalContainer({
|
|
|
211
211
|
display: "block"
|
|
212
212
|
};
|
|
213
213
|
const containerStyles = mounted ? {} : {
|
|
214
|
-
position: "absolute",
|
|
215
|
-
left: "-9999px",
|
|
216
|
-
width: "1px",
|
|
217
|
-
height: "1px",
|
|
218
214
|
visibility: "hidden",
|
|
219
215
|
pointerEvents: "none",
|
|
220
|
-
|
|
216
|
+
opacity: 0
|
|
221
217
|
};
|
|
222
218
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
|
|
223
219
|
trigger,
|
|
@@ -424,13 +420,9 @@ function DrawerContainer({
|
|
|
424
420
|
display: "block"
|
|
425
421
|
};
|
|
426
422
|
const containerStyles = mounted ? {} : {
|
|
427
|
-
position: "absolute",
|
|
428
|
-
left: "-9999px",
|
|
429
|
-
width: "1px",
|
|
430
|
-
height: "1px",
|
|
431
423
|
visibility: "hidden",
|
|
432
424
|
pointerEvents: "none",
|
|
433
|
-
|
|
425
|
+
opacity: 0
|
|
434
426
|
};
|
|
435
427
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
|
|
436
428
|
trigger,
|
package/dist/index.mjs
CHANGED
|
@@ -175,13 +175,9 @@ function ModalContainer({
|
|
|
175
175
|
display: "block"
|
|
176
176
|
};
|
|
177
177
|
const containerStyles = mounted ? {} : {
|
|
178
|
-
position: "absolute",
|
|
179
|
-
left: "-9999px",
|
|
180
|
-
width: "1px",
|
|
181
|
-
height: "1px",
|
|
182
178
|
visibility: "hidden",
|
|
183
179
|
pointerEvents: "none",
|
|
184
|
-
|
|
180
|
+
opacity: 0
|
|
185
181
|
};
|
|
186
182
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
187
183
|
trigger,
|
|
@@ -388,13 +384,9 @@ function DrawerContainer({
|
|
|
388
384
|
display: "block"
|
|
389
385
|
};
|
|
390
386
|
const containerStyles = mounted ? {} : {
|
|
391
|
-
position: "absolute",
|
|
392
|
-
left: "-9999px",
|
|
393
|
-
width: "1px",
|
|
394
|
-
height: "1px",
|
|
395
387
|
visibility: "hidden",
|
|
396
388
|
pointerEvents: "none",
|
|
397
|
-
|
|
389
|
+
opacity: 0
|
|
398
390
|
};
|
|
399
391
|
return /* @__PURE__ */ jsxs2(Fragment2, { children: [
|
|
400
392
|
trigger,
|