From b905f4ac4c587241a092a5fa699b100de967e85b Mon Sep 17 00:00:00 2001
From: agriyadev5 <agriya.dev5@agriya.in>
Date: Thu, 19 Aug 2021 12:57:08 +0530
Subject: [PATCH] #612 --global-se-spin-input-width to handle numberspinbox
 width changes

---
 src/editor/components/seSpinInput.js | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/editor/components/seSpinInput.js b/src/editor/components/seSpinInput.js
index 0c3e38c8..d8b1885e 100644
--- a/src/editor/components/seSpinInput.js
+++ b/src/editor/components/seSpinInput.js
@@ -9,8 +9,7 @@ template.innerHTML = `
     padding: 3px;
   }
   div.imginside {
-    --se-spin-input-width: var(--global-se-spin-input-width);
-    width: var(--se-spin-input-width);
+    width: var(--global-se-spin-input-width);
   }
   img {
     position: relative;
@@ -73,7 +72,7 @@ export class SESpinInput extends HTMLElement {
    * @returns {any} observed
    */
   static get observedAttributes () {
-    return [ 'value', 'label', 'src', 'size', 'min', 'max', 'step', 'width' ];
+    return [ 'value', 'label', 'src', 'size', 'min', 'max', 'step' ];
   }
   /**
    * @function attributeChangedCallback
@@ -90,9 +89,6 @@ export class SESpinInput extends HTMLElement {
       this.$label.remove();
       this.$div.classList.add('imginside');
       break;
-    case 'width':
-      this.$div.style.setProperty('--se-spin-input-width', newValue + 'px');
-      break;
     case 'size':
       // access to the underlying input box
       this.$input.shadowRoot.getElementById('input').size = newValue;