Giter VIP home page Giter VIP logo

Comments (13)

gaearon avatar gaearon commented on March 29, 2024

Thanks!

I disabled the second pass: 214fc8e

As for the browser support, I agree we need better defaults.
Would you like to submit a PR with those that seem sensible for most projects?

from create-react-app.

kripod avatar kripod commented on March 29, 2024

How about using >1%, last 4 versions, Firefox ESR? That would add a fair amount of support for legacy iOS Safari versions, considering the release cycle of Apple products. IE8 would also remain supported by using the aforementioned query.

> console.log(require('autoprefixer')('>1%', 'last 4 versions', 'Firefox ESR').info())
Browsers:
  Chrome for Android: 51
  UC for Android: 9.9
  Android: 4.4, 4.4.3-4.4.4
  Chrome: 52, 51, 50, 49
  Edge: 13, 12
  Firefox: 47, 46, 45, 44
  IE: 11, 10, 9, 8
  IE Mobile: 11, 10
  iOS: 9.3, 9.0-9.2, 8.1-8.4, 8
  Opera Mini: all
  Opera: 38, 37, 36, 35
  Safari: 9.1, 9, 8, 7.1
  Samsung: 4

These browsers account for 90.67% of all users globally

EDIT: Support for IE < 10 could be removed without sacrificing much:

> console.log(require('autoprefixer')('>1%', 'last 4 versions', 'Firefox ESR', 'not ie < 10').info())
Browsers:
  Chrome for Android: 51
  UC for Android: 9.9
  Android: 4.4, 4.4.3-4.4.4
  Chrome: 52, 51, 50, 49
  Edge: 13, 12
  Firefox: 47, 46, 45, 44
  IE: 11, 10
  IE Mobile: 11, 10
  iOS: 9.3, 9.0-9.2, 8.1-8.4, 8
  Opera Mini: all
  Opera: 38, 37, 36, 35
  Safari: 9.1, 9, 8, 7.1
  Samsung: 4

These browsers account for 89.74% of all users globally

from create-react-app.

gaearon avatar gaearon commented on March 29, 2024

We want to support IE >= 9, just like React.
iOS >= 7 also sounds reasonable.

from create-react-app.

kripod avatar kripod commented on March 29, 2024

On the iPhone, OS segmentation is very low because of the highly encouraged free system upgrades. In my opinion, supporting iOS 7 doesn't make as much sense as supporting everything down to iOS 6, because that's the last system software which the iPhone 3GS supports.

IE9 was released on March 14, 2011, and the first iPhone 4 (which only supports iOS < 8) was released on June 24, 2010. The iPhone 4S - which supports all the available iOS software versions to date - was released on October 14, 2011: 7 months after the release of IE9. Smartphones changed a lot during the last 5 years, and many users have adopted newer devices since then.

In conclusion, I think that supporting IE >= 9 is very reasonable, but iOS 7 should only be supported whether iOS 6 gets support, too.

from create-react-app.

gaearon avatar gaearon commented on March 29, 2024

Ok, iOS >= 8 it is then.

from create-react-app.

kripod avatar kripod commented on March 29, 2024

Can it be >1%, last 4 versions, Firefox ESR, not ie < 9, then? It's reasonable because that keeps iOS 8 compatibility until the OS has a user base greater than 1%.

from create-react-app.

gaearon avatar gaearon commented on March 29, 2024

Sounds good.

from create-react-app.

FDiskas avatar FDiskas commented on March 29, 2024

🙅‍♂️ Can't customize the browser list any more :/

from create-react-app.

lewis617 avatar lewis617 commented on March 29, 2024

iOS >= 8 is necessary.

from create-react-app.

MihaiStanGDM avatar MihaiStanGDM commented on March 29, 2024

We created a website using react and Material Design. Autoprefixer doesn't add the "-webkit" prefix for display flex properties and it breaks out the layout on Safari 8 (tested on browserstack on an iPhone 6).

Can you please reconfigure Autoprefixer to also add the "webkit" prefix for the CSS flex properties?

I should mention that on 23 Jan 2018 IOS version 11 was released.

from create-react-app.

Timer avatar Timer commented on March 29, 2024

You can configure any browser support you'd like in 2.x. You can help beta test this feature by following the instructions here: #3815.

from create-react-app.

TryingToImprove avatar TryingToImprove commented on March 29, 2024

I am having the same issue as @MihaiStanGDM

from create-react-app.

SampsonCrowley avatar SampsonCrowley commented on March 29, 2024

@Timer I don't see where the instructions to configure browser support are in the post you linked to

from create-react-app.

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.