Merge pull request #596 from acelaya-forks/boolean-control-fix

Boolean control fix

Author: acelaya

CHANGELOG.md

@@ -4,6 +4,23 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org).
 
+## [1.3.1] - 2025-11-14
+### Added
+* *Nothing*
+
+### Changed
+* *Nothing*
+
+### Deprecated
+* *Nothing*
+
+### Removed
+* *Nothing*
+
+### Fixed
+* [#595](https://github.com/shlinkio/shlink-frontend-kit/issues/595) Fix size of `Checkbox` and `ToggleSwitch` shrinking when not enough space is available.
+
+
 ## [1.3.0] - 2025-11-10
 ### Added
 * Add new `useTagsSearch` hook for tags searching.

src/form/Checkbox.tsx

@@ -8,7 +8,7 @@ export type CheckboxProps = BooleanControlProps;
 export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(({ className, ...rest }, ref) => (
   <BooleanControl
     ref={ref}
-    className={clsx('rounded-sm w-4 h-4 checked:bg-(image:--tick) bg-center', className)}
+    className={clsx('rounded-sm min-w-4 w-4 h-4 checked:bg-(image:--tick) bg-center', className)}
     {...rest}
   />
 ));

src/form/ToggleSwitch.tsx

@@ -9,7 +9,7 @@ export const ToggleSwitch = forwardRef<HTMLInputElement, ToggleSwitchProps>(({ c
   <BooleanControl
     ref={ref}
     className={clsx(
-      'rounded-full w-8 h-4',
+      'rounded-full min-w-8 w-8 h-4',
       'bg-(image:--circle-grey-dark) dark:bg-(image:--circle-grey-light) checked:bg-(image:--circle-white)',
       'focus-visible:not-checked:bg-(image:--circle-blue-light)',
       'checked:bg-right transition-[background-position]',

src/hooks/use-tags-search.ts

@@ -22,7 +22,8 @@ export type TagsSearchResult = {
    * A Map with the list of tags that match the search result, with the tag used both as key and value.
    * Returned as a Map for convenience to use with SearchCombobox.
    *
-   * When no tags match the search term, or the search term is empty, then `undefined` is returned.
+   * When the search term is empty, `undefined` is returned, so that it is possible to differentiate a search producing
+   * no results from not currently performing a search at all.
    *
    * @see {SearchCombobox}
    */