merge

src/component/tagInput/index.less

@@ -86,7 +86,7 @@
     display: flex;
     align-items: center;
     flex-wrap: wrap;
-    width: fit-content;
+    width: 100%;
     height: auto;
     overflow: hidden;
 
@@ -108,6 +108,9 @@
       .layui-tag-input-inner-input {
         height: @@height - (@@inner-padding + @tag-input-boeder)* 2;
         vertical-align: middle;
+        &:disabled {
+          background: transparent;
+        }
       }
 
       .layui-tag-input-inner {

src/component/tagInput/index.vue

@@ -300,24 +300,22 @@ defineExpose({
           </template>
         </LayToopTip>
       </template>
-      <template v-if="!disabledInput">
-        <input
-          ref="inputRefEl"
-          class="layui-tag-input-inner-input"
-          :style="inputStyle"
-          :disabled="disabled"
-          :placeholder="placeholder"
-          :readonly="readonly"
-          @keydown.enter="handleEnter"
-          @keyup="handleBackspaceKeyUp"
-          @input="handleInput"
-          @focus="handleFocus"
-          @blur="handleBlur"
-          @compositionstart="handleComposition"
-          @compositionupdate="handleComposition"
-          @compositionend="handleComposition"
-        />
-      </template>
+      <input
+        ref="inputRefEl"
+        class="layui-tag-input-inner-input"
+        :style="inputStyle"
+        :disabled="disabled || disabledInput"
+        :placeholder="placeholder"
+        :readonly="readonly"
+        @keydown.enter="handleEnter"
+        @keyup="handleBackspaceKeyUp"
+        @input="handleInput"
+        @focus="handleFocus"
+        @blur="handleBlur"
+        @compositionstart="handleComposition"
+        @compositionupdate="handleComposition"
+        @compositionend="handleComposition"
+      />
     </span>
     <span
       v-if="allowClear && tagData?.length && !disabled"