Comments (8)
Happens to be whenever I put it in a v-for loop using vuejs.
from bootstrap4-toggle.
While using it, if I navigate directly to the page it renders, but when routing it displays as a normal checkbox. I am using Angular 8
from bootstrap4-toggle.
Using the Initialize with JavaScript option seems to have solved the issue on my part, issue only happens when you use the Initialize with HTML option
from bootstrap4-toggle.
This is news to me. If anyone else is experiencing this, feel free to chime in.
from bootstrap4-toggle.
I tried loading the js in the onInit method, and that would render the toggle, but on a page reload or direct route, it would not toggle. The fix for me was to use the bootstrapToggle API to set it to on or off in the onInit method. It is a bit clunky to work that way since you have to mind the initial state and change it on init, but it works.
from bootstrap4-toggle.
the issue happened to mee too.
i have multiple toggle buttons, that has exact same code, most of them loads, and some stay as a checkbox, when i reload the page, they all reload!
from bootstrap4-toggle.
I'm having a similar experience. Event with 18 toggles on the same page, the plain checkbox with no styling is rendered first and then the toggle styling is applied after about a split second. This is a visible and abrupt change from plain checkbox to styled toggle. This is happening on the latest versions of Chrome, Edge (Chromium version), Brave, and Opera at time of writing and my machine is a Ryzen5 six-core with 16GB of RAM running W10. Same issue on my Android phone which is a Pixel running the latest version of Android. It is also happening on this page for me: https://gitbrent.github.io/bootstrap4-toggle/
from bootstrap4-toggle.
It's clearly a bug, no consistent behavior, but it always happens.
I gave up on this version and moved to bs5 where it has toggle supported natively.
from bootstrap4-toggle.
Related Issues (20)
- check attribute will not change
- Rendering Problem
- help to make 2 divs with bootstrap4-toggle HOT 1
- enable the silent option not working HOT 1
- Disabled Style Change Cursor to default
- Disable Toggle and switch to off don't work
- Silent option not working on "toggle" event. HOT 1
- bootstrap4-toggle with Laravel mix HOT 1
- Bootstrap 4.5 mini (-xs) size issue HOT 1
- Toggles are not focusable or switchable from the keyboard HOT 5
- Change event firing multiple times (3 times) per toggle HOT 1
- Update to bootstrap 5 HOT 3
- Cannot get component to work on my site
- Uncaught TypeError: $(...).bootstrapToggle is not a function
- Text size inside button is not upto scale, as displayed in demo
- event via jquery HOT 1
- Readonly atribute is ignored HOT 2
- using the bootstrap4-toggler with ajax HOT 2
- Title Attribute not transferred to div.toggle HOT 2
- None of Vue directives work 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 bootstrap4-toggle.