fix(html): always render checkbox-wrap around checkbox

telerik · Jan 9, 2022 · e623625 · e623625
1 parent 00ac18d
commit e623625
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/packages/html/src/checkbox/checkbox.jsx b/packages/html/src/checkbox/checkbox.jsx
@@ -74,12 +74,12 @@ function CheckboxStatic(props) {
         ];
 
         return (
-            <input type="checkbox" className={legacyClasses} {...ariaAttr} {...htmlAttributes} />
+            <span className="k-checkbox-wrap"><input type="checkbox" className={legacyClasses} {...ariaAttr} {...htmlAttributes} /></span>
         );
     }
 
     return (
-        <input type="checkbox" className={checkboxClasses} {...ariaAttr} {...htmlAttributes} />
+        <span className="k-checkbox-wrap"><input type="checkbox" className={checkboxClasses} {...ariaAttr} {...htmlAttributes} /></span>
     );
 }
 

diff --git a/packages/html/src/list/list-item.jsx b/packages/html/src/list/list-item.jsx
@@ -61,7 +61,7 @@ function ListItemStatic(props) {
     if (legacy) {
         return (
             <li className={legacyListItemClasses} {...ariaAttr} {...htmlAttributes}>
-                {showCheckbox && <span className="k-checkbox-wrap"><CheckboxStatic checked={checked} /></span>}
+                {showCheckbox && <CheckboxStatic checked={checked} />}
                 {showIcon && <IconStatic name={iconName} />}
                 <span className="k-list-item-text">{children}</span>
                 {groupLabel !== '' && <div className="k-group">{groupLabel}</div>}
@@ -71,7 +71,7 @@ function ListItemStatic(props) {
 
     return (
         <li className={listItemClasses} {...ariaAttr} {...htmlAttributes}>
-            {showCheckbox && <span className="k-checkbox-wrap"><CheckboxStatic checked={checked} /></span>}
+            {showCheckbox && <CheckboxStatic checked={checked} />}
             {showIcon && <IconStatic name={iconName} />}
             <span className="k-list-item-text">{children}</span>
             {groupLabel !== '' && <div className="k-list-item-group-label">{groupLabel}</div>}

diff --git a/packages/html/src/treeview/treeview-item.jsx b/packages/html/src/treeview/treeview-item.jsx
@@ -75,7 +75,7 @@ function TreeviewItemStatic(props) {
             <li className={legacyTreeviewItemClasses} {...ariaAttr} {...htmlAttributes}>
                 <span className="k-mid">
                     {hasChildren && <span className="k-treeview-toggle"><IconStatic name={expanded ? 'collapse' : 'expand'} /></span>}
-                    {showCheckbox && <span className="k-checkbox-wrap"><CheckboxStatic checked={checked} /></span>}
+                    {showCheckbox && <CheckboxStatic checked={checked} />}
                     <TreeviewLeafStatic {...leafProps} />
                 </span>
                 {expanded && hasChildren && <TreeviewGroupStatic items={items} />}
@@ -87,7 +87,7 @@ function TreeviewItemStatic(props) {
         <li className={treeviewItemClasses} {...ariaAttr} {...htmlAttributes}>
             <span className="k-treeview-mid">
                 {hasChildren && <span className="k-treeview-toggle"><IconStatic name={expanded ? 'collapse' : 'expand'} /></span>}
-                {showCheckbox && <span className="k-checkbox-wrap"><CheckboxStatic checked={checked} /></span>}
+                {showCheckbox && <CheckboxStatic checked={checked} />}
                 <TreeviewLeafStatic {...leafProps} />
             </span>
             {expanded && hasChildren && <TreeviewGroupStatic items={items} />}