RE: https://mastodon.social/@eurozerozero/109545343867263500

It has taken years and several attempts, but it looks like this bug with Safari’s Web Inspector (which I would run into every day!) might now actually be fixed in Safari Technology Preview 243. Here’s the commit that also details the race condition that caused it:

https://github.com/WebKit/WebKit/commit/34544098f193a69078e4b6458d8bdfd2e17b65a3

FB11886541 ✅

#WebInspector #Safari #SafariTechnologyPreview #WebKit #FeedbackAssistant

#Development #Releases
WebKit features for Safari 26.4 · CSS Grid Lanes, WebTransport, Keyboard Lock API, and more https://ilo.im/16bne3

_____
#Browser #Safari #WebInspector #APIs #WebDev #Frontend #HTML #CSS #JavaScript

WebKit Features for Safari 26.4

March has a way of bringing a lot of new things to WebKit — and this year is no exception.

WebKit

Also, does the Safari Web Inspector not understand nested CSS syntax, or is the red syntax highlighting colour an intentional choice for nested rules? Because having this displayed in red sure suggests that it’s invalid syntax.

(I can only assume it doesn’t understand nesting because there’s also no way to edit nested rules directly in the Styles pane of the Elements tab)

WebKit/Safari team: FB21689793

#WebKit #Safari #CSS #WebInspector #FeedbackAssistant

While working with the dialog element over the past week I keep seeing this Safari Web Inspector bug:

Having a nested @ starting-style rule within dialog::backdrop causes the Web Inspector to display the wrong style definitions when inspecting elements within a dialog element.

e.g. inspecting a button inside a form in the dialog shows the form’s styles as the button’s styles, an off-by-one type bug.

WebKit/Safari team: FB21689457

#WebKit #Safari #CSS #WebInspector #FeedbackAssistant

#Development #Guides
Using the Safari developer tools · How to get started with Safari’s Web Inspector https://ilo.im/165xux

_____
#Safari #WebInspector #Debugging #DevTools #Console #Browser #WebPerf #WebDev #Frontend #JavaScript

How To Use The Safari Developer Tools | DebugBear

Learn how to use Safari's developer tools to debug your website on Mac OS and iOS.

Apple veröffentlicht Safari Technology Preview 224 mit Verbesserungen und Fehlerbehebungen

Entdecke die neuesten Verbesserungen der Safari Technology Preview. Version 224 bringt aufregende Neuerungen für Entwickler und Nutzer.

Apfeltalk Magazin

A web developer (me) tries to order some Pizza Hut.

#webdev #pizza #PizzaHut #broken #javascript #webinspector

WebInspector in PhpStorm startet nicht | CodeMercenary

Hmm, it seems the Web Inspector in Safari (including in Safari Technology Preview) doesn’t know about the hanging and each-line keywords of the text-indent property.

Instead, it still lists -webkit-each-line and -webkit-hanging, neither of which actually even works now.

Maybe it never got updated when Safari started supporting the unprefixed versions?

Also, Firefox finally supports these keywords (since December), but Chrome still doesn’t!

#Safari #SafariTechnologyPreview #STP #WebInspector

News from WWDC23: WebKit Features in Safari 17 beta

It’s been a fantastic year for WebKit.

WebKit