Comments (4)
Hello! Thanks for letting us know about this issue! I'm adding this issue to our project.
BTW If you are making calls to the API, maybe the autocomplete component would fit your needs there? We have an example with asynchronous search that can be found here:
https://tw-elements.com/docs/standard/forms/autocomplete/#asynchronous-search
Best Regards!
from tailwind-elements.
I was going to open this exact same issue, but for Angular.
Pretty much the same behavior, but also happens with NgModel (or pretty much any data binding)
Filtering and selecting after typing something sets the date for my model, but after that, it's stuck forever
I'll try the autocomplete suggestion tho, might be a good workaround
<select data-te-select-init
data-te-select-size="lg"
data-te-select-filter="true"
data-te-select-no-result-text="Não encontrado"
data-te-select-search-placeholder="buscar..."
data-te-select-clear-button="true"
[(ngModel)]="selectedUF"
(ngModelChange)="onSelectedUFChange($event)"
[disabled]="ufs.length < 2 || disabled"
id="selectUnidadeFederativa">
<option value=""></option>
<option *ngFor="let item of ufs; index as i;" value="{{item.UF}}">{{item.UF}}</option>
</select>
<label data-te-select-label-ref class="z-10" [ngClass]="{'required' : isRequired === true}">UF</label>
from tailwind-elements.
I was going to open this exact same issue, but for Angular.
Pretty much the same behavior, but also happens with NgModel (or pretty much any data binding)
Filtering and selecting after typing something sets the date for my model, but after that, it's stuck forever
I'll try the autocomplete suggestion tho, might be a good workaround
<select data-te-select-init data-te-select-size="lg" data-te-select-filter="true" data-te-select-no-result-text="Não encontrado" data-te-select-search-placeholder="buscar..." data-te-select-clear-button="true" [(ngModel)]="selectedUF" (ngModelChange)="onSelectedUFChange($event)" [disabled]="ufs.length < 2 || disabled" id="selectUnidadeFederativa"> <option value=""></option> <option *ngFor="let item of ufs; index as i;" value="{{item.UF}}">{{item.UF}}</option> </select> <label data-te-select-label-ref class="z-10" [ngClass]="{'required' : isRequired === true}">UF</label>
yeah that true after you doing filter and select the value it will be stuck forever because this TW-element core basic on native they don't detect to framework just like angular or nuxt and anything so my options better use value then maybe it will work. so if you got like me after setValue best temp resolve its just dispose and init again it will be fixing
@andremartinez
from tailwind-elements.
yeah that true after you doing filter and select the value it will be stuck forever because this TW-element core basic on native they don't detect to framework just like angular or nuxt and anything so my options better use value then maybe it will work. so if you got like me after setValue best temp resolve its just dispose and init again it will be fixing
Thanks for the suggestion @AndoruKun , because of some deadlines I had to simply remove tw-elements from the selects and implement other solutions.
I'll probably test this again once v2.0,0 is out.
from tailwind-elements.
Related Issues (20)
- Charts - remove dynamic import and build charts as a different module
- Chips (Chip and ChipsInput) - fix dispose method and `add.te.chips` event
- Select/Autocomplete - fix aria-expanded value toggling
- Autocomplete - fix issues with input focus after closing the dropdown on esc
- Popconfirm - fix: way of adding event listeners, `cancel` event and dispose method
- When use tw input inside tw collapse, notch does not get updated correctly HOT 1
- Rating - add inheritance via BaseComponent and fix dispose method
- Lightbox - update image source URLs across all examples
- [Form Input Custom Classes] [data-te-class-notch-leading-valid, middle and trailing not working in Nuxt 3] HOT 2
- [FORMS - SELECT and MODAL] [NOT PROPERLY WORKING] HOT 1
- License AGPL HOT 1
- Timepicker Allow Minutes Step instead of Increment HOT 1
- Datepicker Format to allow more date formats HOT 1
- [Angular integration] [ReferenceError: document is not defined] HOT 3
- [ComponenMobile terminal navigation style problemt name] [description of the issue] HOT 3
- [Angular] - Datepicker re-initialization not wroking HOT 2
- Registration on Site - registration not taking, pw reset not working HOT 8
- v2.0 missing components HOT 4
- Pro vs Free HOT 3
- [Select] Can't attach events to select's options when there are more than 2 selects 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 tailwind-elements.