Revisit our browserslist config #30986

XhmikosR · 2020-06-09T06:04:45Z

I kept the Edge patch separate because ATM the update hasn't shipped on all supported Windows versions: https://support.microsoft.com/en-us/help/4541302/the-new-microsoft-edge-is-available (see also my last point)

master branch:

Browsers:
  Chrome for Android: 81
  Firefox for Android: 68
  And_qq: 10.4
  UC for Android: 12.12
  Android: 81
  Baidu: 7.12
  Chrome: 83, 81, 80, 79, 78, 77, 76, 75, 74, 73, 72, 71, 70, 69, 68, 67, 66, 65, 64, 63, 62, 61, 60
  Edge: 83, 81, 80, 79, 18, 17
  Firefox: 76, 75, 74, 73, 72, 71, 70, 69, 68, 67, 66, 65, 64, 63, 62, 61, 60
  iOS: 13.4, 13.3, 13.2, 13.0-13.1, 12.2-12.4, 12.0-12.1, 11.3-11.4, 11.0-11.2, 10.3, 10.0-10.2
  Kaios: 2.5
  Opera Mini: all
  Opera Mobile: 46
  Opera: 68
  Safari: 13.1, 13, 12.1, 12, 11.1, 11, 10.1, 10
  Samsung: 11.1

These browsers account for 92.74% of all users globally

This branch:

Browsers:
  Chrome for Android: 81
  Firefox for Android: 68
  And_qq: 10.4
  UC for Android: 12.12
  Android: 81
  Baidu: 7.12
  Chrome: 83, 81, 80, 79, 78, 77, 76, 75, 74, 73, 72, 71, 70, 69, 68, 67, 66, 65, 64, 63, 62, 61, 60
  Edge: 83, 81
  Firefox: 76, 75, 74, 73, 72, 71, 70, 69, 68, 67, 66, 65, 64, 63, 62, 61, 60
  iOS: 13.4, 13.3, 13.2, 13.0-13.1, 12.2-12.4, 12.0-12.1, 11.3-11.4, 11.0-11.2, 10.3, 10.0-10.2
  Kaios: 2.5
  Opera Mini: all
  Opera Mobile: 46
  Opera: 68, 67
  Safari: 13.1, 13, 12.1, 12, 11.1, 11, 10.1, 10
  Samsung: 11.1, 10.1

These browsers account for 91.88% of all users globally

This branch without the Edge patch:

C:\Users\xmr\Desktop\bootstrap>npx autoprefixer --info
Browsers:
  Chrome for Android: 81
  Firefox for Android: 68
  And_qq: 10.4
  UC for Android: 12.12
  Android: 81
  Baidu: 7.12
  Chrome: 83, 81, 80, 79, 78, 77, 76, 75, 74, 73, 72, 71, 70, 69, 68, 67, 66, 65, 64, 63, 62, 61, 60
  Edge: 83, 81, 80, 79, 18, 17
  Firefox: 76, 75, 74, 73, 72, 71, 70, 69, 68, 67, 66, 65, 64, 63, 62, 61, 60
  iOS: 13.4, 13.3, 13.2, 13.0-13.1, 12.2-12.4, 12.0-12.1, 11.3-11.4, 11.0-11.2, 10.3, 10.0-10.2
  Kaios: 2.5
  Opera Mini: all
  Opera Mobile: 46
  Opera: 68, 67
  Safari: 13.1, 13, 12.1, 12, 11.1, 11, 10.1, 10
  Samsung: 11.1, 10.1

These browsers account for 93.97% of all users globally

Notes:

Do note that dropping Opera Mini does not gain us anything, i.e. no prefix is removed/added.
We could drop the defaults change, but IMO we should change what we were using because 1 last version isn't proper
I'd also argue about the Edge change, but I don't want to hold us back in v5 either. That being said, it does feel too soon to drop it, but depends to when we will actually ship v5.0.0 stable.

Preview: https://deploy-preview-30986--twbs-bootstrap.netlify.app/

EDIT: actually dropping Opera Mini should allow us to use const/let. I will experiment with that later.

mdo · 2020-06-10T00:37:57Z

Hmm, makes me think we could drop legacy Edge (17 and 18) given the difference there in those %s.

mdo · 2020-06-15T07:58:54Z

Is this okay to review and get merged @XhmikosR?

XhmikosR · 2020-06-15T08:02:38Z

I'm still not sure if it's the right time to drop Legacy Edge. The percentage, which might seem small, does not reflect the real number. I'm just thinking out loud here so that we make the right choice for our users and the project.

Also, I wanted to make another change, I'll do it later.

ffoodd · 2020-06-15T13:25:13Z

Despite the fact that I'd love to use logical properties for RTL, I'm not sure about dropping Legacy Edge.

The New Edge is only available for every Windows for a few weeks, isn't it?

XhmikosR · 2020-06-15T13:33:12Z

Yeah, it hasn't shipped to all supported Windows 10 versions yet AFAICT and I don't know where they track this.

Also, there might be more stuff we can remove if we go with the Edge removal and ideally I'd like all the related changes to be in the same PR (not this one).

EDIT: Also, do note that the Legacy Edge removal saves us a significant amount of bytes from the JS dist files. CSS doesn't save a lot.
EDIT2: It's because the arrow functions and other ES6+ features are no longer transpiled because they are supported by the target browserslist config.

So, I'm not sure how to proceed.

mdo · 2020-06-15T19:51:44Z

Chatted with @XhmikosR about this in Slack and wanted to reiterate here. I'm in favor of dropping this knowing that it'll be a couple months to stable v5 and we're going to be working on this for at least a year, hopefully a little more. Having some foresight into what things will look like at that point is what I'm hoping to rally around. if that makes sense.

mdo · 2020-06-15T19:52:21Z

Also slating this for alpha 2 now to make sure we're all aligned on it :).

mdo

Let's also modify the Migration and Browsers & Devices pages to make sure we have the latest shown there.

XhmikosR · 2020-08-03T18:06:10Z

This isn't ready though due to #31153 which I need to report upstream in Babel.

voltaek · 2020-09-11T12:32:24Z

Are we planning to re-drop Legacy Edge (v17 and v18) now that Edge v18 usage is less than half that of IE 11 and Edge v17 usage is non-existent, according to recent worldwide stats? It seems like the Windows Update to push out Chromium-based Edge has done well to replace Legacy Edge.

coliff · 2020-09-11T12:42:33Z

Are we planning to re-drop Legacy Edge (v17 and v18) now that Edge v18 usage is less than half that of IE 11 and Edge v17 usage is non-existent, according to recent worldwide stats? It seems like the Windows Update to push out Chromium-based Edge has done well to replace Legacy Edge.

I was wondering about this too. This page shows it a little clearer: https://caniuse.com/usage-table
Certainly looks like at the very least, Edge v17 can be dropped - but I suspect v18 will be >0.1% by the time Bootstrap v5 hits Beta.

XhmikosR · 2020-09-11T13:13:51Z

Yeah, we plan to actually drop Legacy Edge support since we are late anyway.

XhmikosR · 2020-09-14T08:14:02Z

So, here's the current situation:

use browserslist defaults which is > 0.2%, last 2 versions, Firefox ESR, not dead
remove Android since Android WebView is Chromium based
drop Legacy Edge support; Microsoft will ship the new version to Windows >= 1803

C:\Users\xmr\Desktop\bootstrap>npx autoprefixer --info
Browsers:
  Chrome for Android: 84
  Firefox for Android: 79
  And_qq: 10.4
  UC for Android: 12.12
  Android: 81
  Baidu: 7.12
  Chrome: 85, 84, 83, 81, 80, 79, 78, 77, 76, 75, 74, 73, 72, 71, 70, 69, 68, 67, 66, 65, 64, 63, 62, 61, 60, 49
  Edge: 84, 83
  Firefox: 80, 79, 78, 77, 76, 75, 74, 73, 72, 71, 70, 69, 68, 67, 66, 65, 64, 63, 62, 61, 60
  iOS: 13.4-13.5, 13.3, 13.2, 13.0-13.1, 12.2-12.4, 12.0-12.1, 11.3-11.4, 11.0-11.2, 10.3, 10.0-10.2, 9.3
  Kaios: 2.5
  Opera Mini: all
  Opera Mobile: 46
  Opera: 70, 69
  Safari: 13.1, 13, 12.1, 12, 11.1, 11, 10.1, 10
  Samsung: 12.0, 11.1-11.2

These browsers account for 93.64% of all users globally

The only "issue" I see is iOS 9.3 being included, and some other browsers we might not care about.

I think if we switch to >= 0.25% and last 3 major versions it might be better?

Browsers:
  Chrome for Android: 84
  Firefox for Android: 79
  And_qq: 10.4
  UC for Android: 12.12
  Android: 81
  Baidu: 7.12
  Chrome: 85, 84, 83, 81, 80, 79, 78, 77, 76, 75, 74, 73, 72, 71, 70, 69, 68, 67, 66, 65, 64, 63, 62, 61, 60, 49
  Edge: 84, 83, 81
  Firefox: 80, 79, 78, 77, 76, 75, 74, 73, 72, 71, 70, 69, 68, 67, 66, 65, 64, 63, 62, 61, 60
  iOS: 13.4-13.5, 13.3, 13.2, 13.0-13.1, 12.2-12.4, 12.0-12.1, 11.3-11.4, 11.0-11.2, 10.3, 10.0-10.2
  Kaios: 2.5
  Opera Mini: all
  Opera Mobile: 46
  Opera: 70, 69, 68
  Safari: 13.1, 13, 12.1, 12, 11.1, 11, 10.1, 10
  Samsung: 12.0, 11.1-11.2, 10.1

These browsers account for 93.72% of all users globally

/CC @twbs/team

XhmikosR · 2020-09-14T08:16:34Z

Also, do note that with this patch as is the generated JS files use const/let and ES6+. Not sure if that's OK for the consumers of the dist files.

EDIT: scratch that, it was due to another local change I had (>= 0.25% and last 3 major versions)

mdo · 2020-09-14T23:12:10Z

Let's roll with the second option I think @XhmikosR. We can drop iOS 9.3 IMO.

XhmikosR · 2020-09-30T14:04:54Z

I need to revisit this thoroughly because 1) iOS 10 tests fail and 2) I see const/let and more ES6 features in our dist files.

mdo

Pre-approving for when this comes up for review.

Use browserslist defaults which is `> 0.5%, last 2 versions, Firefox ESR, not dead`

XhmikosR · 2020-11-23T20:54:24Z

C:\Users\xmr\Desktop\bootstrap>npx autoprefixer --info
Browsers:
  Chrome for Android: 86
  Firefox for Android: 82
  And_qq: 10.4
  UC for Android: 12.12
  Android: 81
  Baidu: 7.12
  Chrome: 86, 85, 84, 83, 81, 80, 79, 78, 77, 76, 75, 74, 73, 72, 71, 70, 69, 68, 67, 66, 65, 64, 63, 62, 61, 60
  Edge: 86
  Firefox: 82, 81, 80, 79, 78, 77, 76, 75, 74, 73, 72, 71, 70, 69, 68, 67, 66, 65, 64, 63, 62, 61, 60
  iOS: 14, 13.4-13.7, 13.3, 13.2, 13.0-13.1, 12.2-12.4, 12.0-12.1, 11.3-11.4, 11.0-11.2, 10.3, 10.0-10.2
  Kaios: 2.5
  Opera Mini: all
  Opera Mobile: 59
  Opera: 72
  Safari: 14, 13.1, 13, 12.1, 12, 11.1, 11, 10.1, 10
  Samsung: 12.0

These browsers account for 92.57% of all users globally

C:\Users\xmr\Desktop\bootstrap>npx autoprefixer --info
Browsers:
  Chrome for Android: 86
  Firefox for Android: 82
  And_qq: 10.4
  UC for Android: 12.12
  Android: 81
  Baidu: 7.12
  Chrome: 86, 85, 84, 83, 81, 80, 79, 78, 77, 76, 75, 74, 73, 72, 71, 70, 69, 68, 67, 66, 65, 64, 63, 62, 61, 60
  Edge: 86, 85
  Firefox: 82, 81, 80, 79, 78, 77, 76, 75, 74, 73, 72, 71, 70, 69, 68, 67, 66, 65, 64, 63, 62, 61, 60
  iOS: 14, 13.4-13.7, 13.3, 13.2, 13.0-13.1, 12.2-12.4, 12.0-12.1, 11.3-11.4, 11.0-11.2, 10.3, 10.0-10.2
  Kaios: 2.5
  Opera Mini: all
  Opera Mobile: 59
  Opera: 72, 71
  Safari: 14, 13.1, 13, 12.1, 12, 11.1, 11, 10.1, 10
  Samsung: 12.0, 11.1-11.2

These browsers account for 94.65% of all users globally

Let's land this as is; it doesn't really change anything in the dist files as is. Due to the issue we are having when removing Android, I say we revisit this later.

XhmikosR added build v5 no-backport-to-v4 labels Jun 9, 2020

XhmikosR changed the title ~~Master xmr browserslist~~ Revisit our browserslist config Jun 9, 2020

XhmikosR requested review from mdo, ffoodd, MartijnCuppens, patrickhlauke and ysds June 9, 2020 06:07

ffoodd mentioned this pull request Jun 10, 2020

Add RTL support #30980

Merged

55 tasks

XhmikosR force-pushed the master-xmr-browserslist branch from bec3bed to b22052d Compare June 13, 2020 12:15

XhmikosR force-pushed the master-xmr-browserslist branch from f7efefa to 61197dc Compare June 15, 2020 12:41

XhmikosR force-pushed the master-xmr-browserslist branch 3 times, most recently from 6e23ef7 to a12ee41 Compare June 15, 2020 13:48

mdo changed the base branch from master to main June 16, 2020 19:32

XhmikosR force-pushed the master-xmr-browserslist branch 4 times, most recently from 57ee6c1 to 66cee3b Compare June 19, 2020 14:32

This was referenced Jun 20, 2020

Update .browserslistrc #31124

Merged

BrowserStack: stop testing on latest Edge. #31125

Merged

Update Babel config #31011

Merged

mdo approved these changes Aug 3, 2020

View reviewed changes

XhmikosR force-pushed the master-xmr-browserslist branch from c5504cb to 9867f65 Compare September 9, 2020 14:45

XhmikosR force-pushed the master-xmr-browserslist branch 2 times, most recently from 1d5f4e3 to 736d1ce Compare September 14, 2020 08:06

mdo approved these changes Oct 28, 2020

View reviewed changes

XhmikosR mentioned this pull request Oct 29, 2020

Drop Legacy Edge support. #31972

Merged

XhmikosR force-pushed the master-xmr-browserslist branch 2 times, most recently from 423783c to 42a9bad Compare November 14, 2020 14:12

Update our browserslist config

0804c93

Use browserslist defaults which is `> 0.5%, last 2 versions, Firefox ESR, not dead`

XhmikosR marked this pull request as ready for review November 23, 2020 20:55

XhmikosR force-pushed the master-xmr-browserslist branch from fcb8247 to 0804c93 Compare November 23, 2020 20:55

XhmikosR added 3 commits November 25, 2020 15:17

Merge branch 'main' into master-xmr-browserslist

de73a49

Merge branch 'main' into master-xmr-browserslist

41034f1

Merge branch 'main' into master-xmr-browserslist

c2bdc1f

mdo approved these changes Dec 1, 2020

View reviewed changes

Merge branch 'main' into master-xmr-browserslist

bac69d2

XhmikosR merged commit bb369ca into main Dec 2, 2020

XhmikosR deleted the master-xmr-browserslist branch December 2, 2020 04:53

XhmikosR mentioned this pull request Mar 18, 2021

.browserslistrc: remove Android and make Safari/iOS 12 the minimum #33399

Merged

1 task

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Revisit our browserslist config #30986

Revisit our browserslist config #30986

XhmikosR commented Jun 9, 2020 •

edited

Loading

mdo commented Jun 10, 2020

mdo commented Jun 15, 2020

XhmikosR commented Jun 15, 2020

ffoodd commented Jun 15, 2020

XhmikosR commented Jun 15, 2020 •

edited

Loading

mdo commented Jun 15, 2020

mdo commented Jun 15, 2020

mdo left a comment

XhmikosR commented Aug 3, 2020

voltaek commented Sep 11, 2020

coliff commented Sep 11, 2020

XhmikosR commented Sep 11, 2020

XhmikosR commented Sep 14, 2020

XhmikosR commented Sep 14, 2020 •

edited

Loading

mdo commented Sep 14, 2020

XhmikosR commented Sep 30, 2020

mdo left a comment

XhmikosR commented Nov 23, 2020 •

edited

Loading

Revisit our browserslist config #30986

Revisit our browserslist config #30986

Conversation

XhmikosR commented Jun 9, 2020 • edited Loading

mdo commented Jun 10, 2020

mdo commented Jun 15, 2020

XhmikosR commented Jun 15, 2020

ffoodd commented Jun 15, 2020

XhmikosR commented Jun 15, 2020 • edited Loading

mdo commented Jun 15, 2020

mdo commented Jun 15, 2020

mdo left a comment

Choose a reason for hiding this comment

XhmikosR commented Aug 3, 2020

voltaek commented Sep 11, 2020

coliff commented Sep 11, 2020

XhmikosR commented Sep 11, 2020

XhmikosR commented Sep 14, 2020

XhmikosR commented Sep 14, 2020 • edited Loading

mdo commented Sep 14, 2020

XhmikosR commented Sep 30, 2020

mdo left a comment

Choose a reason for hiding this comment

XhmikosR commented Nov 23, 2020 • edited Loading

XhmikosR commented Jun 9, 2020 •

edited

Loading

XhmikosR commented Jun 15, 2020 •

edited

Loading

XhmikosR commented Sep 14, 2020 •

edited

Loading

XhmikosR commented Nov 23, 2020 •

edited

Loading