Coder Social home page Coder Social logo

Comments (4)

dgutride avatar dgutride commented on July 1, 2024

Relates to: patternfly/patternfly#450

from patternfly-react-seed.

dgutride avatar dgutride commented on July 1, 2024

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.

seanforyou23 avatar seanforyou23 commented on July 1, 2024

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

screen shot 2018-12-14 at 3 32 40 pm

I will resume this work first of the year unless someone beats me to it :)

from patternfly-react-seed.

seanforyou23 avatar seanforyou23 commented on July 1, 2024

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.

screen shot 2019-01-23 at 11 15 08 am

Closing this issue, feel free to reopen if I've overlooked anything.

from patternfly-react-seed.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.