Emotes not loading on the phone

[severe surge]

(Using Safari on the screenshot)

[untold fable]

What happens when you refresh the page?

[hot cloak]

#general message it might be an ios thing

yeah not working on mine either

[untold fable]

Interesting

I guess I'm gonna disable avif on ios

I hate apple

@mystic fossil

[dusky citrus]

whats your ios? iphones should be able to display avifs since 2022 with ios 16

[severe surge]

iOS 18.2

iPhone 15 Pro

[severe surge]

Same thing

They wont display, its just a ? Icon

[hardy urchin]

actually some animated avifs do work on ios

mostly the most recent emotes

but they are very scuffed

[dusky citrus]

I've heard there was an issue with animated sequences for avifs on certain versions of iOS

[severe surge]

Non seem to work on 7tv tho

[hardy urchin]

go into the "new" emotes section

[hot cloak]

still not working

[hardy urchin]

weird

[hardy urchin]

yeah but i meant emotes that were recently uploaded

[hot cloak]

https://7tv.app/emotes/new

[severe surge]

Ok they seem to work

The ”New” ones

[hardy urchin]

not really a solution but still interesting to see

[hot cloak]

so it works on newer ios

[hardy urchin]

but the older emotes are still broken

[hot cloak]

yeah

[dusky citrus]

Thoughts on adding fallback images of a "supported format" when smth like this happens? It will be smth close to this:

<img src="invalid_link" onerror="this.onerror=null;this.src='link';">

ehh, needs further research

[untold fable]

There is a fallback image but safari is just too bad to handle that case

I use the picture element and I provide all formats including a fallback

[dusky citrus]

damn, so now it's an Apple hate megathread if none is working Sadge

tried to repro this through lambdatest seems like the issue only exists on mobile devices, this thing is working on macOS Sequoia (probably working for other macOS ones as well)

using this is kinda scuffed, would be better ijf smbd test this with an inspector on their device, it shows that there's an error on network requests for avifs while the console being completely clean

[untold fable]

https://github.com/SevenTV/SevenTV/pull/177

I'm gonna deploy this now

Can someone try it out? It should be live now

[hardy urchin]

yeah they work

[hot cloak]

they works but after i click the emotes, 4 previews dont work

[hardy urchin]

true

[hot cloak]

ios 16.2

[hardy urchin]

the direct emote page still tries to load avif i think

but the emote cards are fine

also another apple trolling

you cant really select anything with the global search

it just closes the results without doing anything

only long press works which opens it in a new tab

[untold fable]

true I forgot about that

[untold fable]

I can't really imagine what the problem is there. Does someone have a video?

[untold fable]

I really don't know why this happens

It doesnt make sense

The results are shown as long as they or the input is focused

clicking them should keep them focused

[hardy urchin]

[mystic fossil]

Interestingly, Chrome has a work around for scrolling down with the keyboard open

But clicking on stuff still doesn’t seem to work

Firefox and Safari are basic interfaces for apple’s webkit stuff I guess

[hardy urchin]

I don’t have issues with scrolling

it still stays open

And long as you don’t accidentally trigger the keyboard to close

[severe surge]

But they work on the old website?

[hardy urchin]

cause the old website uses webp by default

for everyone

[severe surge]

Ahh

I see

[mystic fossil]

but you're on android

[hardy urchin]

no thats on ios

its safari

[mystic fossil]

oh I see the video now

I didn't realize that was yours

I thought you asked me because you didn't have an iphone

lul

[hardy urchin]

no i asked people to test it on android

[mystic fossil]

I guess I'm just dumb

[mystic fossil]

but can you scroll down to reach the emotes below the usernames here?

if it was limited to just like 2 users and 2 emotes, then everything would be visible and the search could be refined until the thing you want is clickable

currently most or all of the emote results are impossible to select while the keyboard is up

[mystic fossil]

oh

[hardy urchin]

[mystic fossil]

I could've sworn I saw someone using Safari have the same issue that I do in Firefox

I guess it's just Firefox

common firefox L

Chrome is really such a good mobile browser

I should be looking for ways to sync my Firefox bookmarks with chrome

[hardy urchin]

honestly i start to dislike chrome more

mostly because of some shitty performance issues with rendering

[mystic fossil]

I only use Firefox on my desktop now

(librewolf actually)

but Chrome definitely does some things much better

like zoom levels

Firefox has a way to emulate pinch-to-zoom with a mouse though, which is super useful sometimes

but Firefox on iOS just isn't worth using outside of my need for synchronization to my desktop bookmarks and tabs

the classic goldilocks problem

browsers, DAWs, operating systems

literally everything

[hardy urchin]

safari also struggles with performance

the emotes are very slow on initial loading

[mystic fossil]

hmm

afaik, the main appeal of Safari over other browsers has been battery life

at least on desktops

[hardy urchin]

it takes at least 10s for them to play at normal speed

[mystic fossil]

oh I've seen that before

it's very weird

[hardy urchin]

and sometimes they revert back to being slow after a couple loops

or when you scroll down

[untold fable]

I will add a separate page for search results

I hope that solves the issue

[untold fable]

Scrolling is very unoptimized rn

[mystic fossil]

Is there no way for a webpage to detect the reduced vertical height available to it when there’s a keyboard open?

[untold fable]

Even if there was, what would I do in that case?

[mystic fossil]

Make the search results fit entirely on screen, and allow all 10 results to be scrolled within that reduced area

[untold fable]

Yes I will just add a separate page, with more than 10 results.

[mystic fossil]

ok

I mean I love the current search don't get me wrong

it just behaves weirdly in firefox on mobile

and even in other browsers, it's non-standard behavior

right now, the page stays the same size, which causes part of it to be covered by the keyboard

if you limited it to 2 users and 2 emotes on mobile, it would also solve that issue

and possibly be more elegant

was there a decision to put user results before emote results? I would assume most people would be looking for emotes before users

[untold fable]

Not really

[mystic fossil]

maybe flip it around then, and put emotes first and users at the bottom

[untold fable]

Yeah sounds good

[mystic fossil]

🐐

hopefully people don't already have too much muscle memory

[untold fable]

I'll have to think about how to restructure the search. I don't know if I even want to keep the quick results on mobile or if I just redirect to the full search page when someone taps the button.

[mystic fossil]

quick results are so nice

it works so well

ideally the scrolling and clicking could be fixed, but if not, it's not a huge loss to disable it for only mobile

[untold fable]

I'm happy to hear that

[livid yoke]

We can use this option in "desktop site" mode with mobile if it cant be added on mobile version.
So basically, if this feature can't be added to the mobile version, it is still not far from reach

[hardy urchin]

this is also not selectable