Comments (3)
@neysimoes, chegou a fazer algum commit com as modificações?
Acho que podemos sim manter um fallback para navegadores antigos, desde que seja completamente desacoplado para não carregar em navegadores modernos.
Abraços.
from css-components.
@lfeh não fiz commit, acho que poderiamos fazer um JS de fallback para o IE8 e talvez 9 se precisar também. Só tenho utilizado realmente o collapse, então só fiz para ele.
Esse fallback testei no IE8 e funcionou perfeitamente, no IE9 nem precisa de fallback. Só precisei adicionar um script apenas para o IE8-. Eu fiz usando o Head.js, mas pode se fazer com comentário condicional também.
$(".collapse-btn").on('click', function() {
var
$this = $(this),
openTab = $this.parent().find('.collapse-painel'),
inputRadio = $this.parent().find('.collapse-open');
if (inputRadio.checked) {
inputRadio.prop('checked', false);
openTab.hide();
// console.log('close');
} else {
inputRadio.prop('checked', true);
openTab.show();
// console.log('open');
}
});
from css-components.
Perfeito @neysimoes, vou estudar se implemento esse fallback.
Quando a questão do IE9, na verdade já era pra eu ter adicionado a classe que você sugeriu desde o inicio, mas acho que esqueci, haha.
Abraços!
from css-components.
Related Issues (20)
- Improve organization files
- Add WAI-ARIA in components HOT 13
- Change CSS of '.less' for '.stylus' HOT 4
- Create '.stylus' version for CSS
- Modal not centering on mobile view HOT 4
- Add support for tab key navigation
- Create link to tooltip in the readme HOT 2
- Add overlay to close Modal
- Register project in Bower HOT 1
- Create a page "thanks for downloading" HOT 2
- Adjust instructions in Collapse
- Include some components in Picnic CSS HOT 2
- Documentation regarding browser support needed HOT 9
- Collapse: Suggest moving checkbox to allow increased styling possibilities HOT 2
- Browser tests: Android 4.0 HOT 1
- Update core of project
- Tab.css/.zip issues HOT 1
- Smooth Scroll behavior HOT 2
- Add browsers information
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 css-components.