Comments (4)
Relates to: patternfly/patternfly#450
from patternfly-react-seed.
As an update - our team has prototyped using the postcss library to convert the pf-next css. The next steps is to add a build step to our pf-react-seed application to validate whether or not the css/html is truly available in IE11. This is a priority for us right now.
The biggest reason we are holding back judgment is that there aren’t really any pure CSS polyfills that enable the grid functionality in pf4 css completely. Grid is one example that struggles but the path forward exists in that we’d have to provide mapping variables that would enable postcss to convert to the IE11 native grid. CSS properties should be polyfillable for IE11 so that part looks to be positive.
from patternfly-react-seed.
Wanted to share another update before I leave for PTO for rest of year. The latest changes can be seen by pairing the following branch in patternfly-next with the PR that's connected above. We've got the better part of a full page layout going, just trying to work through some issues with grid and some other utility classes. @ibolton336 @dmiller9911 @dgutride
https://github.com/seanforyou23/patternfly-next/tree/better-css-vars-scoping
I will resume this work first of the year unless someone beats me to it :)
from patternfly-react-seed.
This issue resulted in the creation of the following guide
https://github.com/patternfly/patternfly-next/wiki/IE11-Support
Using techniques mention there, we were able to achieve the following full page layout.
Closing this issue, feel free to reopen if I've overlooked anything.
from patternfly-react-seed.
Related Issues (20)
- Consider converting react-seed into a template
- Update to React 18 & PF 5
- add a11y testing script and ensure seed meets a11y standards
- react-seed: Consume v6 alphas and build Penta demo HOT 3
- error :( HOT 1
- bug - address vulnerabilities
- Pull in v6 alphas HOT 1
- Pull in v6 alphas HOT 2
- react-seed: Penta Page updates HOT 1
- react-seed: Penta Masthead updates
- Create a Penta demo app HOT 1
- React Seed demo screens for Penta HOT 1
- Dashboard page demo (Overview page)
- Primary details card view page (Resources page) HOT 1
- Filters demo in full page demo. (Inventory page) HOT 1
- Light/dark theme switcher HOT 2
- Update to official v6 alphas HOT 1
- outdated dependencies on main HOT 1
- Brand component: typo in brand name Patternfly HOT 1
- Update react seed v6 branch and demo to PF6 alpha omega versions 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 patternfly-react-seed.