Comments (4)
@kadirboylu Good question! I can see why this would be a bit confusing.
The autocomplete
input by default has the prop always-load-on-open
set to true. This means anytime the autocomplete is expanded, we are directly calling the options loader
function. This is why you are seeing the page increment erroneously (the load options
function is being called too many times).
By setting the prop always-load-on-open
to false, you will see this function behave more like how you would expect: https://formkit.link/01e8552a38d3a03faf8f187275f2ff1a
We could maybe point out this prop always-load-on-open
a bit more in the autocomplete and taglist docs specifically.
Let me know if you have any more questions.
from formkit.
@sashamilenkovic thank you for everything!! π₯³π
from formkit.
@sashamilenkovic thank you for your quick response and detailed explanation π Is there an easy way to change the default value of the always-load-on-open
prop for all autocomplete inputs? I dont want to add :always-load-on-open="false"
by one by
from formkit.
@kadirboylu No problem at all! Here's an example of using a FormKit plugin to always set always-load-on-open
to false for the autocomplete: https://formkit.link/33c6705a1f7143317e0b636f50e3a7af.
from formkit.
Related Issues (20)
- File Input FormKit element resetting bug
- Transfer List Max Not Working HOT 1
- Multiple Formkit with same schema HOT 2
- Dark mode text hard to read (select type) HOT 2
- Docs say wrong number of arguments for createInput
- Blurred state stays false
- Hydration warnings on page refresh using Radio in a List HOT 3
- The autocomplete selection does not appear the second time HOT 5
- Make ShowMask property reactive
- Π‘ursor jumps to the beginning of the value in the float input field while erasing
- Naked `floating-label` attribute on FormKit component does not work HOT 1
- Delay prop being overridden (to zero) by parent nodes
- Inputs break all component slots except `default` HOT 3
- `v-if` not working on messages empty object HOT 1
- FormKit Pro not synced with the current version HOT 2
- Categories in transfer list component
- Unable to use `$remove:` in a schema definition HOT 2
- Allow disabling types for default FormKit inputs HOT 1
- Custom taglist validation error only shows up when you focus out HOT 1
- Nuxt Layers and FormKit theme HOT 6
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 formkit.