Mastodawn

Finding that in iOS 26 Safari some page elements that are supposed to be drawn at the bottom of the screen (such as a floating "jump to top" button as used at lawyersgunsmoney.com) are being drawn halfway down the screen instead, obscuring content.

Requesting the "desktop site" causes the element to be drawn in the correct place.

#mobilesafari #safaribug #ios26

Artem R 🇺🇦Sep 16, 2025

Apple again breaking the web. The vertical sizing in Safari was not perfect but it use to work just fine here, now I am not sure when (or if) it will be fixed. It is Ghost CMS, so I guess many websites impacted #safari #SafariBug #GhostCMS #webdev #ios26 @jensimmons

Ana Tudor 🐯Apr 7, 2025

Fun Safari bug 🪲: `drop-shadow()` does't take transforms into account https://bugs.webkit.org/show_bug.cgi?id=218734 👀

#CSS #bug #cssBug #SafariBug #coding #web #dev #webDev #webDevelopment #code #frontend #cssTransform #cssFilter #filter

218734 – [TextureMapperGL] drop-shadow filter doesn't take transform into account

WebKit Bugzilla

Show thread

Ana Tudor 🐯Sep 1, 2024

3️⃣ And this Safari bug which makes `background-blend-mode` get ignored if a layer has `background-clip: text`

https://bugs.webkit.org/show_bug.cgi?id=267129

#Safari #bug #SafariBug #CSS #code #coding #frontend #web #dev #webDev #webDevelopment

267129 – `background-blend-mode` not applied when a layer has `background-clip: text`

WebKit Bugzilla

Show thread

Ana Tudor 🐯Jun 18, 2024

I really meant to write "hello world" there, but "hell" isn't wrong, so I left it like that.

Anyway, you can find the bug links & all in the Pen description.

#SVG #svgFilter #filter #svgBug #bug #FirefoxBug #SafariBug #code #coding #textEffect #noise #grainy #frontend #web #webDev #dev #webDevelopment

Show thread

Ana Tudor 🐯May 13, 2024

As exciting (and useful) all the new #CSS units are, it looks like things working as expected with them isn't a thing for now.

Safari has problems with `lh` https://bugs.webkit.org/show_bug.cgi?id=267185 and doesn't seem to support `cap` (at least from what I've tested in Epiphany).

#bug #cssBug #Safari #SafariBug #code #coding #cssUnits #frontend #webDev #webDevelopment

267185 – Incorrect lh (line-height) value used unless set on parent

Ana Tudor 🐯Apr 29, 2024

Pure CSS text effect https://codepen.io/thebabydino/details/XWQQRWG

No text duplication, no JS, no images save for CSS gradients, no SVG at all. Under 20 CSS declarations, including layout, prettifying, `@media` queries, `@supports` blocks, CSS variable declarations...

No Firefox (bug 🪲 1481498 ).

Heavily commented as well.

#CSS #textEffect #cssGradient #blending #blendMode #code #coding #frontend #webDev #webDevelopment #bug #Safari #SafariBug #FirefoxBug #Firefox #CodePen #noJS #noSVG #mediaQuery #typography

Pure CSS text effect (no Firefox)

No text duplication, no JS, no images save for CSS gradients, no SVG whatsoever. Under 20 CSS declarations, including layout, prettifying, `@media` que...

Ana Tudor 🐯Mar 6, 2024

Wanted to file another Safari #bug 🪲 I had hit a bunch of times (and piled a bunch of test cases about) and discovered it has already been filed https://bugs.webkit.org/show_bug.cgi?id=263711

Next bug then...

#CSS #Safari #SafariBug #code #coding #frontend #webDev #webDevelopment