fix(html): add wrapper around checkbxes when in list

telerik · Jan 4, 2022 · d2ae815 · d2ae815
1 parent f66d8d0
commit d2ae815
Showing 1 changed file with 2 additions and 2 deletions.
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 && <CheckboxStatic checked={checked} />}
+                {showCheckbox && <span className="k-checkbox-wrap"><CheckboxStatic checked={checked} /></span>}
                 {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 && <CheckboxStatic checked={checked} />}
+            {showCheckbox && <span className="k-checkbox-wrap"><CheckboxStatic checked={checked} /></span>}
             {showIcon && <IconStatic name={iconName} />}
             <span className="k-list-item-text">{children}</span>
             {groupLabel !== '' && <div className="k-list-item-group-label">{groupLabel}</div>}