What do you need from WebKit next?
@jensimmons Evergreen updates that aren’t tied to iOS / macOS version updates
@jensimmons more stylable inputs, especially <select multiple>
@jensimmons xr on phones. Not headsets like oculus or anything. Just a browser and the device camera. Please and thank you! 😊
@jensimmons Navigation API, all stage 3+ Intl APIs, and full support of web components (including :host-context() and customized built-in elements) please!! Ok customized built-in elements is a stretch 🤞🏼

@zacky @jensimmons oh yes navigation api asap!

Edit: please :)))

@jensimmons extensions in embedded browsers.
@jensimmons Snacks. Maybe HTCPCP support
@jensimmons to shine on the #Interop2023 dashboard (and to put the improved compatibility in peoples’ hands, of course) https://wpt.fyi/interop-2023
web-platform-tests dashboard

@jensimmons priority queues for animations - being able to distinguish a certain animation or behavior as higher or lower priority so that deprioritized animations can drop frames to accommodate others.

Yes this is crazy and damn near impossible.

Runner up is a CSS issue that I'd love WK to solve but it really should be done at the CSSWG.

@jensimmons Border radius is ignored for pseudo elements, if they are within a parent with overflow: hidden and are not visible right away (displayed on hover for example). All other engines render this just fine. Fixing this would save a lot of searching for a lot of devs.

https://stackoverflow.com/questions/49066011/overflow-hidden-with-border-radius-not-working-on-safari

Overflow: hidden with border radius not working on Safari

I have to make a button with a ::before hidden which shows on :hover. This animation is working great on Chrome, IE and Firefox, but i have a weird issue on Safari. Overflow:hidden is working but

Stack Overflow
@jensimmons safe-inset tools in the web inspector.
@jensimmons ambiant badging for easier home screen app install.
@jensimmons View Transitions API, please! This could be such a game changer for performance and less need for heavy JS animation libraries.

@sto3psl @jensimmons I second what Fabian says. View Transitions are so simple and solve so many problems! They've come to stay.

What I'm also very keen on is Scroll Linked Animations, as well as what @jpzwarte mentions: Anchor Positioning, Selectmenu and Popover.

@Schepp @sto3psl @jpzwarte +1 on View Transitions, working on mpa, spa and across bfcache navigations. Folks mention it but the Navigation API would be great for this as well. Would really, really love to see WebKit work on a css activated method of View Transitions across standards with the original authors to bring it to a really high level.
@jensimmons <input type=“date” /> to support min and max attributes on iOS Safari. It’s the only browser blocking from using the native date picker. https://caniuse.com/input-datetime
Date and time input types | Can I use... Support tables for HTML5, CSS3, etc

@jensimmons Web Share Target support would be amazing! Thank you for all the amazing work you do!
@jensimmons start revving the major version number instead of the minor one, so “current and one version back” can be consistently sized across browsers.
@jensimmons and import maps.
@TALlama @jensimmons Import Maps is supported in the last release
@jensimmons Feature parity between iOS and MacOS.
@jensimmons CSS anchor positioning, selectmenu, popover (which you’re already working on I believe!), better ARIA for web components across shadow roots.
@jensimmons adding support for maskable icons (web app manifest) would be nice
@kennethrohde Maskable icons doesn’t make any sense on iOS. It’s a feature designed for how Android does icons.
@jensimmons It was designed in a generic way so that masks can be applied to the icons and it was design with both iOS and Android in mind. It is not a 1:1 mapping with how Android does icons. It would allow you to apply a standard mask so the icons would fit right in on iOS without affecting the safe region
@jensimmons My URLPattern polyfill seems quite popular due to iOS not supporting it yet, so that would be nice to add support for: https://www.npmjs.com/package/urlpattern-polyfill
urlpattern-polyfill

Polyfill for the URLPattern API. Latest version: 10.0.0, last published: 14 days ago. Start using urlpattern-polyfill in your project by running `npm i urlpattern-polyfill`. There are 82 other projects in the npm registry using urlpattern-polyfill.

npm
@kennethrohde @jensimmons Yes please :D routers will become so simple once that is supported everywhere
@jensimmons The number one priority for Web App developers is Install Prompts. Without them Web Apps remain undiscoverable for the vast majority of users while Native Apps get links, install banners and app clips. It’s an insurmountable disadvantage.
@jensimmons @owa +1 for this, web apps need the full story to install and run them.
@jensimmons WebXR API. Quick look is too limited.
@jensimmons give me my memory back. Why after a while even if all tabs are closed memory is still at peak?
@jensimmons
- Newer versions of Safari on older versions of iOS would be great. With the excellent rate of new features in latest WebKit, even when WebKit is the first to implement a technology, we have to wait several years to take advantage of those because so many devices can't upgrade to the latest iOS.
- <select> with search field and/or <selectmenu> to avoid poorly reimplementing browser features
- View transitions API (especially for non-SPA websites)
- https://bugs.webkit.org/show_bug.cgi?id=157323
157323 – Implement <details>/<summary> disclosure triangle as a list item

@jensimmons support of fetchpriority would be awesome, because it is so much more straightforward to implement than preload.
@jensimmons CSS Paged Media (@page)

@jensimmons OffscreenCanvas for Webgl and Install Prompts!

Without these whole classes of applications are not possible at reasonable performance, and not discoverable by users.

@jensimmons With PWA's now being able to added to homescreen via other browsers, is there any work ongoing to support the beforeinstallprompt event, or anything similar/equivalent? It'd be really great to improve the install experience

@jensimmons first thing that comes to my mind is the VirtualKeyboard API:
https://developer.mozilla.org/en-US/docs/Web/API/VirtualKeyboard_API

Especially the part where we can respond to the keyboard being visible and adept layout, etc.

VirtualKeyboard API - Web APIs | MDN

The VirtualKeyboard API provides developers control over the layout of their applications when the on-screen virtual keyboard appears and disappears on devices such as tablets, mobile phones, or other devices where a hardware keyboard may not be available.

MDN Web Docs
@jensimmons documentation about how webkit's storage eviction policy works, and maybe more consistency with how it works in other engines.

@jensimmons I am taking a stab at improving the storage quota and eviction docs on MDN and trying to make it reflect how things work in all browsers.

If anyone on the webkit team could review this PR, I would greatly appreciate it: https://github.com/mdn/content/pull/25019

Revamp the storage quota and eviction documentation by captainbrosset · Pull Request #25019 · mdn/content

Description This PR is an almost complete rewrite of the storage quota and eviction page (current version). The current page has a number of problems listed in issue #23557. As a summary: it is ve...

GitHub
@patrickbrosset Thanks, Patrick. I’ll ping folks here and see who can take a look next week.
@jensimmons The ability to test everything without buying a Mac? 👉👈
@ZMYaro would a paid service like https://www.macstadium.com/ fill that role?
MacStadium | Mac Cloud Solutions on Apple Hardware

Build faster with MacStadium's globally available, enterprise-grade Mac cloud solutions for CI/CD, Xcode, iOS builds, macOS testing, and more. Get started now.

@j4ck That still makes Safari the only major browser I need to pay money to test.
@ZMYaro yikes yeah that’s still a big problem
@ZMYaro @jensimmons It's definitely not going to help you test *every* WebKit/Safari bug, but there is Epiphany, a WebKit-based browser on Linux. I found a couple recent links suggesting that you can now run it on Windows with WSL:
https://blog.codeisc.com/2022/03/11/safari-webkit-wsl2-windows10-windows11.html
Debugging Safari-specific bugs in Windows via WSL2 | Ivan Sanz-Carasa

If you want to debug your website in safari from Windows without any emulator involved, you are lucky! This guide explains how to get a fully featured WebKit browser running natively in Windows 10 and Windows 11 :)

CodeIsc
@AmeliaBR @jensimmons Does it support testing touch gestures and PWA features? That was my issue trying to test with basic WebKit Windows builds.
@jensimmons Support for Paint Timing inc Largest, Element Timing, Event Timing, Layout Shift measurement, Long Tasks APi
@jensimmons WebGPU, View Transitions API, and Prioritized Task Scheduling API, please!