Comments (5)
I agree the default highlighting is not that useful because the dropdown doesn't show up like the html select (spanning both the top and bottom of the select control). However, would it be possible to visually indicate the currently selected item? See attached video for the HTML select.
select.mov
from tagify.
Some months ago I've changed the setting dropdown.highlightFirst
to be true
by default:
https://github.com/yairEO/tagify/blob/master/src/parts/defaults.js#L86
I thought it would be easier for users to add tags while typing a value and seeing the suggestions list filtered so they could just press the ENTER key after they are finished and it would select the first item in the suggestions list because that would be the most probable match.
I can change the default back to false
if you believe this to be a bad change of my part
from tagify.
Thanks @yairEO for the response. Default of dropdown.highlightFirst
to true
is fine as I can set it to false
in my app. However, when I just tried false
it doesn't highlight the currently selected item which is the behavior of HTML select. Is it possible to get this behavior when the dropdown.highlightFirst
is false
?
from tagify.
I can change the code to auto-highlight the already-selected tag (if the highlightFirst
setting it set to false
), but I don't see what benefits this provides to users
from tagify.
Done, check it out:
https://github.com/yairEO/tagify/releases/tag/v4.27.0
See it live: https://yaireo.github.io/tagify/#section-mode-select
from tagify.
Related Issues (20)
- Multiple init Tagify HOT 1
- Sprockets error in Rails 7 due to filename change in v4.25.0
- Intermittent error in setRangeAtStartEnd HOT 3
- prop-type error HOT 16
- Clicking outside doesn't close dropdown in select mode and tagX class is blank
- Options not filtered in select mode, userInput=true and tagX='' HOT 1
- in 4.26.2 value cannot be non-string in users-list example
- A double tag is created for delimiter when typed HOT 3
- react.tagify.jsx Failed to compile HOT 4
- Ignore an email address in the middle of an sentence HOT 1
- Tagify selct mode incorrect behavior HOT 7
- React className property supports only one class
- "Uncaught (in promise) TypeError: t is null" when pressing Tab key with empty input and dropdown is shown
- autoComplete.rightKey = true, mode = null (Default), two problems with the rightKey behavior
- We Insert HTML Tags Or some text between '<' and '>' its remove from textarea when edit HOT 2
- On mobile device keyboard automatically adds space after dot type so it's not possible to write an email to tag HOT 4
- Curly braces not working for tags even with mixTagsInterpolator in settings HOT 2
- Tagify cannot be compiled with Vite HOT 13
- Prevent new lines at all in tagify input HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tagify.