filtered-select-multiple-widget 0.0.5 → 0.0.6

package/README.md

@@ -1,5 +1,10 @@
 # Filtered Select Multiple Widget
 
+[![npm version](https://img.shields.io/npm/v/filtered-select-multiple-widget)](https://www.npmjs.com/package/filtered-select-multiple-widget)
+[![license](https://img.shields.io/npm/l/filtered-select-multiple-widget)](https://github.com/tombreit/filtered-select-multiple-widget/blob/main/LICENSE)
+[![Publish](https://github.com/tombreit/filtered-select-multiple-widget/actions/workflows/publish.yml/badge.svg)](https://github.com/tombreit/filtered-select-multiple-widget/actions/workflows/publish.yml)
+[![Deploy](https://github.com/tombreit/filtered-select-multiple-widget/actions/workflows/deploy.yml/badge.svg)](https://github.com/tombreit/filtered-select-multiple-widget/actions/workflows/deploy.yml)
+
 A dependency-free, JavaScript implementation of Django's dual-pane “FilteredSelectMultiple” widget. It transforms a native `<select multiple>` element into a picker with move buttons and client-side filtering.
 
 ![Screenshot Filtered Select Multiple Widget](./docs/filtered-select-multiple-widget-screenshot.png)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "filtered-select-multiple-widget",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "ES module implementation of Django's FilteredSelectMultiple widget.",
   "license": "MIT",
   "author": {
@@ -47,7 +47,7 @@
   },
   "scripts": {
     "test": "node --check src/index.js && node --check src/FilteredSelectMultiple.js && node --check src/themes.js && node --check src/icons.js",
-    "predemo": "ln -sf ../src docs/src",
+    "predemo": "ln -sfn ../src docs/src",
     "demo": "http-server docs/ -p 8000 -o",
     "preghpages": "rm -rf docs/src",
     "ghpages": "cp -r src docs/src"

package/src/FilteredSelectMultiple.js

@@ -436,7 +436,10 @@ export class FilteredSelectMultiple {
       option.textContent = meta.label;
       option.dataset.key = key;
       option.disabled = meta.disabled;
-      if (meta.title) option.title = meta.title;
+      // Always give every option a tooltip so long labels remain readable
+      // when a width-constrained parent truncates the visible text. Prefer an
+      // explicit title from the source markup, otherwise fall back to the label.
+      option.title = meta.title || meta.label;
       Object.entries(meta.dataset).forEach(([attr, value]) => {
         option.dataset[attr] = value;
       });