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)
- bug: extra padding/space caused by hidden div not having the correct style `display: none` HOT 3
- Can't find fonts when serving from a non-root path
- Example Of Routers with React Lazy and Suspense
- ⚠️ ⚠️ ⚠️ Typescript is disabled in the current implementation ⚠️ ⚠️ ⚠️ HOT 3
- Cannot resolve peer dependencies when running `npm install` without `--legacy-peer-deps` HOT 3
- Spike: investigate and merge dependency version bumps HOT 1
- Both npm- and yarn-based lockfiles are present, we should choose one HOT 5
- digital envelope routines::initialization error HOT 1
- Use RTL instead of enzyme HOT 1
- Resolve peer dependency warnings related to Storybook (upgrade after Storybook issue is resolved)
- 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
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.