Comments (5)
Any chance you're using Bootstrap 3.2.0? I've only been able to get the expand-* styles to work with this version of Bootstrap. Seems like the 3.2.0 spec for the 'disabled' class has broken something.
from ladda-bootstrap.
No, i'm using 3.1.1 if i'm correctly. Will check later to be sure.
from ladda-bootstrap.
boatmeme:
I can confirm this, too... only the expand-* styles work in Twitter Bootstrap 3.2. Hopefully this can be fixed soon.
from ladda-bootstrap.
For me it had to do with the opacity of the button being less than one, which made the spinner not show at all for some reason..
If I set the main <button class=btn>
element style to: opacity:1;
then it solved the problem and worked consistently. Or you can remove the line in buttons.less in bootstrap that sets the opacity on a [disabled]
button, and set custom colours for background and border etc instead of changing opacity.
This works, but obviously with the drawback of not appearing disabled:
<div class="btn-group btn-group-justified" id="rsvp-buttons">
<div class="btn-group">
<button id="iCome" style="opacity:1" class="btn btn-primary ladda-button btn-lg" data-style="zoom-in" data-guest="{{ $guest->id }}" data-coming="{{ $guest->coming }}">
<span class="ladda-label">Ik kom! :)</span>
</button>
</div>
<div class="btn-group">
<button id="iDontCome" style="opacity:1" class="ladda-button btn btn-info btn-lg" data-style="zoom-in" data-guest="{{ $guest->id }}" data-coming="{{ $guest->coming }}">
<span class="ladda-label">Ik kan helaas niet :(</span>
</button>
</div>
</div>
from ladda-bootstrap.
I confirm that zoom-in data style doesn't work right on certain browsers, particularly Chrome (Version 48.0.2564.116 m), and that setting the opacity to 1 circumvents the problem. I believe that this used to work, but in my case, it suddenly stopped working, very likely due to a change in Chrome (maybe 6 months ago).
When I press a Ladda-enabled button on Chrome 48.0.2564.116m:
- The button text disappears
- The button appears empty
- When the process ends, the button text reappears
During the process, the spinner never appears.
This CSS coding circumvented the problem:
.ladda-button {
opacity: 1 !important;
}
from ladda-bootstrap.
Related Issues (20)
- Please update your Nuget package HOT 1
- bower.io HOT 9
- Update to last ladda release (0.9.8)
- Add tags to the repository so that bower can fetch anything except of 0.1.0 HOT 2
- Project still active? HOT 3
- Add SCSS variable prefixes, default & use Bootstrap
- Spinner not showing HOT 2
- publish on npm HOT 3
- Uncaught TypeError: a.querySelector is not a function HOT 1
- Content Security Policy Incompatability HOT 3
- How to pass a jQuery object to Ladda.create( .. ); HOT 2
- Demo page is broken on HTTPS HOT 2
- Ladda button disappearing HOT 1
- Problem with `Meteor JS`
- Spinner is invisible after click on btn-default and btn-link HOT 1
- Get dependencies automatically with yarn
- Update project tagline HOT 1
- Deprecate project in favor of original Ladda HOT 5
- Issue with selectpicker HOT 1
- Will it support bootstrap 4? HOT 2
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 ladda-bootstrap.