#caniuse — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #caniuse, aggregated by home.social.
-
It sounded like a good idea to use native HTML modal `<dialog>`s for some new features, in the end even Safari has been supporting it for 4 years (and Chrome for 12 years).
Well, turns out third party components can break in various wild ways when placed in dialogs.
We spent several hours head-scratching over a broken autocomplete dropdown and a rich text editor.
Maybe it was not that a good idea in the end...
-
It sounded like a good idea to use native HTML modal `<dialog>`s for some new features, in the end even Safari has been supporting it for 4 years (and Chrome for 12 years).
Well, turns out third party components can break in various wild ways when placed in dialogs.
We spent several hours head-scratching over a broken autocomplete dropdown and a rich text editor.
Maybe it was not that a good idea in the end...
-
It sounded like a good idea to use native HTML modal `<dialog>`s for some new features, in the end even Safari has been supporting it for 4 years (and Chrome for 12 years).
Well, turns out third party components can break in various wild ways when placed in dialogs.
We spent several hours head-scratching over a broken autocomplete dropdown and a rich text editor.
Maybe it was not that a good idea in the end...
-
It sounded like a good idea to use native HTML modal `<dialog>`s for some new features, in the end even Safari has been supporting it for 4 years (and Chrome for 12 years).
Well, turns out third party components can break in various wild ways when placed in dialogs.
We spent several hours head-scratching over a broken autocomplete dropdown and a rich text editor.
Maybe it was not that a good idea in the end...
-
It sounded like a good idea to use native HTML modal `<dialog>`s for some new features, in the end even Safari has been supporting it for 4 years (and Chrome for 12 years).
Well, turns out third party components can break in various wild ways when placed in dialogs.
We spent several hours head-scratching over a broken autocomplete dropdown and a rich text editor.
Maybe it was not that a good idea in the end...
-
Similarly… foiled again.
Me, earlier:
Oh cool, the @ page size descriptor is supported by Chrome, Firefox and Safari! I’ll use it for this print and PDF layout that needs to be A4 landscape.
Me, now, actually trying it:
Wait, why isn’t it working? Oh. Oh no. It does not work at all in Safari. And MDN/caniuse.com say it does, but they are wrong (and there is an open issue about it).
The WebKit bug 63575 is from… 14.5 years ago.
*dies* 💀
-
Similarly… foiled again.
Me, earlier:
Oh cool, the @ page size descriptor is supported by Chrome, Firefox and Safari! I’ll use it for this print and PDF layout that needs to be A4 landscape.
Me, now, actually trying it:
Wait, why isn’t it working? Oh. Oh no. It does not work at all in Safari. And MDN/caniuse.com say it does, but they are wrong (and there is an open issue about it).
The WebKit bug 63575 is from… 14.5 years ago.
*dies* 💀
-
Similarly… foiled again.
Me, earlier:
Oh cool, the @ page size descriptor is supported by Chrome, Firefox and Safari! I’ll use it for this print and PDF layout that needs to be A4 landscape.
Me, now, actually trying it:
Wait, why isn’t it working? Oh. Oh no. It does not work at all in Safari. And MDN/caniuse.com say it does, but they are wrong (and there is an open issue about it).
The WebKit bug 63575 is from… 14.5 years ago.
*dies* 💀
-
Similarly… foiled again.
Me, earlier:
Oh cool, the @ page size descriptor is supported by Chrome, Firefox and Safari! I’ll use it for this print and PDF layout that needs to be A4 landscape.
Me, now, actually trying it:
Wait, why isn’t it working? Oh. Oh no. It does not work at all in Safari. And MDN/caniuse.com say it does, but they are wrong (and there is an open issue about it).
The WebKit bug 63575 is from… 14.5 years ago.
*dies* 💀
-
I never gave the website favicon much thought but decided to look a bit more into it now and find it funny how Can I Use website mentions that it is a "complicated topic" in their footnotes:
-
I never gave the website favicon much thought but decided to look a bit more into it now and find it funny how Can I Use website mentions that it is a "complicated topic" in their footnotes:
-
I never gave the website favicon much thought but decided to look a bit more into it now and find it funny how Can I Use website mentions that it is a "complicated topic" in their footnotes:
-
#Development #Announcements
Upvote web features you need · Now on caniuse.com, web.dev, and webstatus.dev https://ilo.im/1693ku_____
#Voting #WebFeatures #WebPlatform #Baseline #CanIuse #W3C #Browser #DevOps #WebDev #Frontend -
#Development #Announcements
Upvote web features you need · Now on caniuse.com, web.dev, and webstatus.dev https://ilo.im/1693ku_____
#Voting #WebFeatures #WebPlatform #Baseline #CanIuse #W3C #Browser #DevOps #WebDev #Frontend -
#Development #Announcements
Upvote web features you need · Now on caniuse.com, web.dev, and webstatus.dev https://ilo.im/1693ku_____
#Voting #WebFeatures #WebPlatform #Baseline #CanIuse #W3C #Browser #DevOps #WebDev #Frontend -
#Development #Announcements
Upvote web features you need · Now on caniuse.com, web.dev, and webstatus.dev https://ilo.im/1693ku_____
#Voting #WebFeatures #WebPlatform #Baseline #CanIuse #W3C #Browser #DevOps #WebDev #Frontend -
Another great new CSS feature that is starting to be available in more browsers is field-sizing, which allows you to size an input to fit its value with:
field-sizing: content;
Great for UI like tags, where you want to be able to type directly into them and have them automatically resize to fit the text.
(#CanIUse shows the feature as not being available in Safari Technology Preview, even though all the individual child features show that it is available)
-
Another great new CSS feature that is starting to be available in more browsers is field-sizing, which allows you to size an input to fit its value with:
field-sizing: content;
Great for UI like tags, where you want to be able to type directly into them and have them automatically resize to fit the text.
(#CanIUse shows the feature as not being available in Safari Technology Preview, even though all the individual child features show that it is available)
-
Another great new CSS feature that is starting to be available in more browsers is field-sizing, which allows you to size an input to fit its value with:
field-sizing: content;
Great for UI like tags, where you want to be able to type directly into them and have them automatically resize to fit the text.
(#CanIUse shows the feature as not being available in Safari Technology Preview, even though all the individual child features show that it is available)
-
Another great new CSS feature that is starting to be available in more browsers is field-sizing, which allows you to size an input to fit its value with:
field-sizing: content;
Great for UI like tags, where you want to be able to type directly into them and have them automatically resize to fit the text.
(#CanIUse shows the feature as not being available in Safari Technology Preview, even though all the individual child features show that it is available)
-
Another great new CSS feature that is starting to be available in more browsers is field-sizing, which allows you to size an input to fit its value with:
field-sizing: content;
Great for UI like tags, where you want to be able to type directly into them and have them automatically resize to fit the text.
(#CanIUse shows the feature as not being available in Safari Technology Preview, even though all the individual child features show that it is available)
-
#Development #Launches
PWAscore · Compare Progressive Web App features across browsers https://ilo.im/167if0_____
#Comparisons #CanIuse #WebApps #PWAs #Browsers #Chrome #Firefox #Safari #WebDev #Frontend -
#Development #Launches
PWAscore · Compare Progressive Web App features across browsers https://ilo.im/167if0_____
#Comparisons #CanIuse #WebApps #PWAs #Browsers #Chrome #Firefox #Safari #WebDev #Frontend -
#Development #Launches
PWAscore · Compare Progressive Web App features across browsers https://ilo.im/167if0_____
#Comparisons #CanIuse #WebApps #PWAs #Browsers #Chrome #Firefox #Safari #WebDev #Frontend -
-
-
-
-
Hey #HTML / #CSS / #WebComponents folks.
If I have:
<my-fancy-component>
</my-fancy-component>I get to target it with:
my-fancy-component {
}
right?
Does this eliminate the need for #BEM? Or is there a #CanIUse that I should be looking at for registering custom components?
(I should prototype this in a codepen but alas, no spell slots at the moment... maybe tomorrow)
-
Hey #HTML / #CSS / #WebComponents folks.
If I have:
<my-fancy-component>
</my-fancy-component>I get to target it with:
my-fancy-component {
}
right?
Does this eliminate the need for #BEM? Or is there a #CanIUse that I should be looking at for registering custom components?
(I should prototype this in a codepen but alas, no spell slots at the moment... maybe tomorrow)
-
Hey #HTML / #CSS / #WebComponents folks.
If I have:
<my-fancy-component>
</my-fancy-component>I get to target it with:
my-fancy-component {
}
right?
Does this eliminate the need for #BEM? Or is there a #CanIUse that I should be looking at for registering custom components?
(I should prototype this in a codepen but alas, no spell slots at the moment... maybe tomorrow)
-
Hey #HTML / #CSS / #WebComponents folks.
If I have:
<my-fancy-component>
</my-fancy-component>I get to target it with:
my-fancy-component {
}
right?
Does this eliminate the need for #BEM? Or is there a #CanIUse that I should be looking at for registering custom components?
(I should prototype this in a codepen but alas, no spell slots at the moment... maybe tomorrow)
-
Hey #HTML / #CSS / #WebComponents folks.
If I have:
<my-fancy-component>
</my-fancy-component>I get to target it with:
my-fancy-component {
}
right?
Does this eliminate the need for #BEM? Or is there a #CanIUse that I should be looking at for registering custom components?
(I should prototype this in a codepen but alas, no spell slots at the moment... maybe tomorrow)
-
#Development
A framework for evaluating browser support · When is it safe to use a modern CSS feature? https://ilo.im/1613d9_____
#ModernCSS #Framework #Interoperability #BrowserSupport #Browser #Fallbacks #ProgressiveEnhancement #CanIuse #WebDev #Frontend -
#Development
A framework for evaluating browser support · When is it safe to use a modern CSS feature? https://ilo.im/1613d9_____
#ModernCSS #Framework #Interoperability #BrowserSupport #Browser #Fallbacks #ProgressiveEnhancement #CanIuse #WebDev #Frontend -
#Development
A framework for evaluating browser support · When is it safe to use a modern CSS feature? https://ilo.im/1613d9_____
#ModernCSS #Framework #Interoperability #BrowserSupport #Browser #Fallbacks #ProgressiveEnhancement #CanIuse #WebDev #Frontend -
#Development
A framework for evaluating browser support · When is it safe to use a modern CSS feature? https://ilo.im/1613d9_____
#ModernCSS #Framework #Interoperability #BrowserSupport #Browser #Fallbacks #ProgressiveEnhancement #CanIuse #WebDev #Frontend -
#Development #Launches
caniuse-cli · A command line tool for ‘Can I use…’ and browser-compat-data https://ilo.im/1601qw_____
#BrowserSupport #CanIuse #MDN #CLI #Npm #Package #Compatibility #Browser #WebDev #Frontend -
#Development #Launches
caniuse-cli · A command line tool for ‘Can I use…’ and browser-compat-data https://ilo.im/1601qw_____
#BrowserSupport #CanIuse #MDN #CLI #Npm #Package #Compatibility #Browser #WebDev #Frontend -
#Development #Launches
caniuse-cli · A command line tool for ‘Can I use…’ and browser-compat-data https://ilo.im/1601qw_____
#BrowserSupport #CanIuse #MDN #CLI #Npm #Package #Compatibility #Browser #WebDev #Frontend -
#Development #Launches
caniuse-cli · A command line tool for ‘Can I use…’ and browser-compat-data https://ilo.im/1601qw_____
#BrowserSupport #CanIuse #MDN #CLI #Npm #Package #Compatibility #Browser #WebDev #Frontend -
I scratched my own itch (again) and built a #caniuse CLI tool.
It differs from other attempts at this by also integrating @MDN’s browser-compat-data + collapsing the releases in the table (just like the website does).
⌨️ npm i -g @bramus/caniuse-cli
🔗 https://github.com/bramus/caniuse-cli -
I scratched my own itch (again) and built a #caniuse CLI tool.
It differs from other attempts at this by also integrating @MDN’s browser-compat-data + collapsing the releases in the table (just like the website does).
⌨️ npm i -g @bramus/caniuse-cli
🔗 https://github.com/bramus/caniuse-cli -
I scratched my own itch (again) and built a #caniuse CLI tool.
It differs from other attempts at this by also integrating @MDN’s browser-compat-data + collapsing the releases in the table (just like the website does).
⌨️ npm i -g @bramus/caniuse-cli
🔗 https://github.com/bramus/caniuse-cli
