framer-motion-ticker - npm Package Compare versions

Comparing version 1.0.10 to 1.0.11

dist/cjs/ticker.js

@@ -30,3 +30,3 @@ "use strict";
       var _document$getElementB;
-      var element = (_document$getElementB = document.getElementById('children_' + index)) == null ? void 0 : _document$getElementB.clientWidth;
+      var element = (_document$getElementB = document.getElementById(tickerUUID + '_' + index)) == null ? void 0 : _document$getElementB.clientWidth;
       if (element) {
@@ -45,3 +45,8 @@ contentWidth += element;
     className: "FMT__container",
-    ref: tickerRef
+    ref: tickerRef,
+    style: {
+      width: '100%',
+      height: '100%',
+      overflow: 'hidden'
+    }
   }, /*#__PURE__*/_react["default"].createElement(_framerMotion.motion.div, {
@@ -57,2 +62,5 @@ className: "FMT__container__contents",
       repeat: Infinity
+    },
+    style: {
+      display: 'flex'
     }
@@ -62,3 +70,3 @@ }, children.map(function (item, index) {
       key: index,
-      id: "children_" + index
+      id: tickerUUID + "_" + index
     }, item);
@@ -65,0 +73,0 @@ }), [].concat(Array(numDupes)).map(function (_) {

dist/esm/ticker.js

@@ -20,3 +20,3 @@ import React from 'react';
       var _document$getElementB;
-      var element = (_document$getElementB = document.getElementById('children_' + index)) == null ? void 0 : _document$getElementB.clientWidth;
+      var element = (_document$getElementB = document.getElementById(tickerUUID + '_' + index)) == null ? void 0 : _document$getElementB.clientWidth;
       if (element) {
@@ -35,3 +35,8 @@ contentWidth += element;
     className: "FMT__container",
-    ref: tickerRef
+    ref: tickerRef,
+    style: {
+      width: '100%',
+      height: '100%',
+      overflow: 'hidden'
+    }
   }, /*#__PURE__*/React.createElement(motion.div, {
@@ -47,6 +52,9 @@ className: "FMT__container__contents",
       repeat: Infinity
+    },
+    style: {
+      display: 'flex'
     }
   }, children.map((item, index) => /*#__PURE__*/React.createElement("div", {
     key: index,
-    id: "children_" + index
+    id: tickerUUID + "_" + index
   }, item)), [...Array(numDupes)].map(_ => children.map((item, index) => /*#__PURE__*/React.createElement("div", {
@@ -53,0 +61,0 @@ key: index

index.ts

 export { Ticker as default } from './src/ticker';
-import './styles.css';

package.json

 {
   "name": "framer-motion-ticker",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "description": "A React component that acts like a ticker, or marquee.",
@@ -5,0 +5,0 @@ "author": "Andres Movilla <[e-mail]>",

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

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

Worsened metrics

Total package byte prevSize

9900

decreased by-75.66%

Number of package files

7

decreased by-50%

Lines of code

136

decreased by-41.88%

No dependency changes