funuicss 3.8.10 → 3.8.12

package/css/fun.css

@@ -4161,9 +4161,10 @@ max-height: 10000px; /* large enough to contain most content */
 opacity: 1;
 }
 
+
+
 .vista {
   width: 100%;
-  box-sizing: border-box;
 }
 
 /* Padding presets */
@@ -4188,7 +4189,7 @@ opacity: 1;
   background-color: #1e1e1e;
   color: white;
 }
-
+/* 
 .vista{
   display: flex;
   align-items: center;
@@ -4309,7 +4310,7 @@ opacity: 1;
   .vista.reverse .vista-container {
     flex-direction: column !important;
   }
-}
+} */
 
 
 

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.8.10",
+  "version": "3.8.12",
   "name": "funuicss",
   "description": "React and Next.js component UI Library for creating Easy and good looking websites with fewer lines of code. Elevate your web development experience with our cutting-edge React/Next.js component UI Library. Craft stunning websites effortlessly, boasting both seamless functionality and aesthetic appeal—all achieved with minimal lines of code. Unleash the power of simplicity and style in your projects!",
   "main": "index.js",

package/ui/video/Video.js

@@ -104,8 +104,25 @@ var RowFlex_1 = __importDefault(require("../specials/RowFlex"));
 var ToolTip_1 = __importDefault(require("../tooltip/ToolTip"));
 var Tip_1 = __importDefault(require("../tooltip/Tip"));
 var videoFunctions_1 = require("./videoFunctions");
-var videoShortcuts_1 = require("./videoShortcuts");
 var getDynamicIcon_1 = require("../../utils/getDynamicIcon");
+// Custom handleKeyDown function that checks if the target is an input field
+var handleKeyDown = function (e, isPlaying, playVideo, pauseVideo, spacebarPlay) {
+    if (spacebarPlay === void 0) { spacebarPlay = true; }
+    // Check if the target is an input, textarea, or contenteditable element
+    var target = e.target;
+    var isInput = target.tagName === 'INPUT' ||
+        target.tagName === 'TEXTAREA' ||
+        target.isContentEditable;
+    // If spacebar is pressed and the target is an input, let it handle the event
+    if (e.code === 'Space' && isInput) {
+        return; // Don't prevent default, let the input handle the space
+    }
+    // Only handle video shortcuts if spacebarPlay is enabled and target is not an input
+    if (spacebarPlay && e.code === 'Space') {
+        e.preventDefault();
+        isPlaying ? pauseVideo() : playVideo();
+    }
+};
 // Configuration hook
 var useComponentConfiguration = function (componentName, variant) {
     if (variant === void 0) { variant = ''; }
@@ -493,7 +510,7 @@ function Video(_a) {
     // Effects
     (0, react_1.useEffect)(function () {
         var handleKey = function (e) {
-            return (0, videoShortcuts_1.handleKeyDown)(e, isPlaying, playVideo, pauseVideo, final.spacebarPlay);
+            return handleKeyDown(e, isPlaying, playVideo, pauseVideo, final.spacebarPlay);
         };
         document.addEventListener('keydown', handleKey);
         return function () { return document.removeEventListener('keydown', handleKey); };