From 05dca030633a46b9d8e2fac4e4fd489f3906f931 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Cengiz=20I=CC=87lhan?= Date: Tue, 10 Feb 2026 20:11:04 +0300 Subject: [PATCH] doc: readme. css debug method added. + small node js note added doc: readme. css debug method added. + small node js note added --- README.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 7065497f..8b535288 100644 --- a/README.md +++ b/README.md @@ -39,6 +39,7 @@ A vanilla, lightweight (~20kb gzipped 🎉), configurable select box/text input - [Installation](#installation) - [Setup](#setup) +- [Debug] (#debug) - [Terminology](#terminology) - [Input Types](#input-types) - [Configuration Options](#configuration-options) @@ -239,6 +240,16 @@ import "choices.js/public/assets/styles/choices.css"; }); ``` +## Debug + +Sometimes when you click the dropdown and it opens, you may not be able to inspect styles because the menu closes as soon as you move the mouse. + +To work around this, paste the click code below into the browser console. After triggering it, select the related HTML element from the Elements panel and debug the styles normally. + +```js +document.getElementsByClassName('choices')[0].click(); +``` + ## Terminology | Word | Definition | @@ -1402,6 +1413,8 @@ To setup a local environment: clone this repo, navigate into its directory in a `npm install` +Note: Node.js version: 20.14.0 + ### playwright e2e (End-to-end) tests are implemented using playwright, which requires installing likely with OS support. @@ -1429,7 +1442,6 @@ https://www.jetbrains.com/help/phpstorm/playwright.html | `npm run css:watch` | Watch SCSS files for changes. On a change, run build process | | `npm run css:build` | Compile, minify and prefix SCSS files to CSS | - ### Build flags Choices supports various environment variables as build-flags to enable/disable features.