espeasy gui needs double click on iMac safari

[GravityRZ]

i am on fw mega-20231225

I recently switched to an iMac and am using safari as the main browser
i noticed that lot's of times when I click a menu setting like main, config, controllers etc the browser starts to load but then stops.
first I thought is was a bad network connection because it looks like it is trying to load the page but is not loading it.

what happens is
1 click on config
address changes from 192.168.1.152 to 192.168.152/config
then after 1 second it jumps back to the previous page (192.168.1.152) the main page
then after 3 seconds it jumps to the page you clicked(192.168.152/config)

so it jumps back and forth casing delays

Then I found out that when I do a double click the page loads instantly so it is not the network connection.

tried the same thing with chrome on iMac and chrome does work like it should(just 1 click needed)

googled a bit and found something similar dating back to 2018
since my fw is from 2023 I figured that if this was a bug it should have been solved by now.

Does anybody know if this bug is known and if there is a solution for this.
i hate double clicking on menu bars

thanks

[ThomasB]

since my fw is from 2023 I figured that if this was a bug it should have been solved by now.

There's been several releases since the 2023 build. The latest official release is mega-20241222 (Christmas Edition).

I'm not a iMac user so I can't offer any other advice on your issue.

- Thomas

[TD-er]

Do you see a different behavior when using another browser, like Firefox?
I don't have any Apple hardware, so I cannot test this.

[chromo23]

i am on fw mega-20231225

I can not recall any issues with safari and ESPEasy recently. Could as well be a bug in safari.(i am a bit lazy with updating)

[GravityRZ]

i flashed the latest version but as I predicted the problem is still there
tested it with chrome without any problems

i also mentioned this on GitHub because it looks like the same problem and that person was also on the latest version

https://github.com/letscontrolit/ESPEasy/issues/5211

I can make a small movie if you like but it shows like I explained.

when you click a button the webbrowser and you are on lets say the config page and you click controller you see the following happen in the webbrowser address window

x.x.x.x/config
click controller
x.x.x.x/controller
1 second delay
x.x.x.x/config
3 second delay
x.x.x.x/controller
controller page is shown

double clicking it jumps straight to the controller page.

the thing is sometimes it does work but most of the time it keelson switching back and forth

[Ath]

Can you try with this Actions run (the latest mega build), also available on the Flash page at https://TD-er.nl/ESPEasy/latest

[GravityRZ]

tried the last action run.
it took extremely long to update
finally it did and rebooted.
the first 5 clicks were promising but after that the same behavior showed up.
i deleted all the history and cookies and tried again, the same result.

[Ath]

Another option worth to try is to load the .css and .js files on the local file-system (docs, and assuming there is enough free space available), as in some areas/countries the availability of jsdelivr is 'less optimal'.
This may cause some browsers to have 'hickups' when loading these files.

If there isn't enough free space available, like on a unit with only 1MB Flash (128 kB file system), you can also set up a local http server, or even another ESP with more free space available, and adjust the CDN url on the Config page (enabled on recent builds, not in most recent Release builds yet).

[GravityRZ]

ok, i will try
is there an easy way to download them all at once(not a GitHub guru)

[GravityRZ]

i figured out how to inspect a page like on chrome.
it shows all the items being loaded and also the css files which are loaded. when the delay happens it is only the specific page which has a delay, all the files needed for that page are loaded very fast so putting the files locally will not solve it

going back to the reported issue on GitHub.
the screen looks the same on my view and also is the delay.
Here it is stand that there is a network delay.
I think the delay is caused by safari not interpreting things right(or the stuff espeasy is sending is not complete or to complete)
thus it is jumping back to the previous page ad then forward but it is not looking for files because they all load instantly
https://github.com/letscontrolit/ESPEasy/issues/5211

it is either a bug in safari or espeasy is not following some kind of standard(which apple probably needs)

[TD-er]

The only 'odd' things we're doing (as far as I know) is that we may link to CSS/JS within the page which -if served from the ESPEasy node- may cause load issues since the ESP only accepts a single request at a time.
When those files have been served before, the browser may cache it, or request them again only to be served a 304 (not 100% sure it is the correct HTTP code), however this may also take some time as it is a concurrent request.

So maybe Safari does also have some 'inspect' window, which Chrome and Firefox have?
On this 'inspect' window you can then select the "network" tab (again, in Chrome/FF, no idea about Safari) and reload a page.
Then you will be shown what is loaded when and from what location and how much time it took to get the first response and to load it.

[GravityRZ]

it does but it only shows you that there is a delay when the page starts. all the items loaded are loaded really fast

Scherm­afbeelding 2025-03-31 om 18.36.43.png (223.97 KiB) Viewed 1453 times

[GravityRZ]

i noticed that when I save a page to favorites(eg /controllers or /config) and I load them as a new page they all had instantly.
inspecting the header and there is no referer page.

however when I am in the gut and click between the different pages like controller and config there is a 5 second delay
in the header a referer page entry shows up which has the entry of the previous page.
it looks like it is referring to the page it is coming from and I see that behavior in the address bar

it looks like esp easy is using that referer page
this might be the cause of the problem

Scherm­afbeelding 2025-04-01 om 20.28.31.png (386.79 KiB) Viewed 1328 times

[TD-er]

Just an idea...
what if you leave the page at rest for a while and then click some link on the page to navigate to another page.

How quickly does the browser then respond?

Can you change those intervals.

If what I'm thinking about might be the problem here, then leaving the page at rest for 10 sec or 120 sec might behave differently.

My idea is that the browser might keep the connection open.

[GravityRZ]

when I click and wait 10 seconds:5 second delay
when I click and wait 120seconds:5 seconds delay

the only way it is fast is if I either click the html favorite from the favorite page or when I double click it.
in the first case it does not have a referer page.
googling this gets a lot of hits with possible solutions but none work.

I think the html page of the esp can be changed so that it never uses referer pages but not sure it this will solve it or will make it worse.
the fact that I see the address window change to the previous page lets me think that somehow the referer page update is responsible for this

so if you are on 192.168.1.148/controller(referer page is 192.168.1.148/config)
and you click hardware(address changes to 192.168.1.148/hardware, back to 192.168.1.148/controller and back to 192.168.1.148/hardware)
the referer page now is set to 192.168.1.148/controller.
so updating the referer page seems to cause the delay
instead of jumping to the clicked button it jumps back to the new referer page and then to the page you clicked

[Ath]

Hmm, if what ESPEasy, with the help of the Arduino Webserver, does, would be a HTML protocol implementation fault, then I'd expect other browsers to also fail on it. So this seems most likely to be Safari-specific.
Haven't been able to find any reference to 'referrer' in the ESPEasy sources, and I haven't searched in the Arduino libraries for this yet, but would be interested to read on those relevant similar issues, so if you can share some links?

[GravityRZ]

here are several but I really do not know where to look
is it referee related, is it double click related

one thing is interesting
when clicking the links there is a 5 second delay
however when you type in from the current page there is no delay

eg you are on 192.168.1.148/config
you change the url to 192.168.1.148/controllers
the page loads instantly
inspecting the page there is NO referrer entry
so it would be an idea to implement some kind of no referrer policy on each html page inside the ESP

do not know why a referrer page is needed anyway because all the clicks are on intranet so always fast and we do not need to track where somebody was before that page was clicked
n
HTTP, "Referer" (a misspelling of "Referrer") is an optional HTTP header field that identifies the address of the web page (i.e., the URI or IRI) from which the resource has been requested. By checking the referrer, the server providing the new web page can see where the request originated.

I know apple changed the policy some while ago and others might follow.

I would like to try if it fixes things

no-referrer-when-downgrade (I believe this was a previous default)
no-referrer
origin


https://developer.mozilla.org/en-US/doc ... rer-Policy


https://discussions.apple.com/thread/25 ... ortBy=rank


https://discussions.apple.com/thread/18 ... ortBy=rank

https://www.reddit.com/r/applehelp/comm ... ?rdt=51813

[TD-er]

There is some tag in the links to let the ESP know about the version of cached static files which may be present in the browser (e.g. CSS, JavaScript, etc)
So when the browser tries to fetch those files and these have not been changed, then the ESP returns a 304 code.
I can't think of any other referrer in the page request.

[GravityRZ]

ok maybe i do not understand it right.

i see that browsers use a default referrer setting.
this is hardcoded into the browser, with some it can be changed.

I also understand that it is possible on a website to specify what type of referrer the browser is using.
e.g. no specification:the default of the browsser is followed.

so it might be possible to specify a command on an html page what type of referrer should be used for that page.
e.g.
Referrer-Policy: no-referrer

so if the problem with safari is caused by this referrer thing and espeasy can not deal with it(or safari can not deal with espeasy) then it might be an idea to force the referrer policy to the browser

like i said, during the delay i see the browser address jumping back to the previous page which must have something to do with the referrer settings.

i am a complete nono when it comes to coding html but i am seing things and am trying to reason/explain why the browser does that when it is accessing the espeasy

[TD-er]

Do you have some privacy extensions in your browser?
Like a do not track feature? Or ad blocker?
Or listing which tracking tools might be used on a site.

Or the Honey plugin... (which you should remove)

[GravityRZ]

i have disabled adblock
also website tracking and hide ip address are off

tried to enable them also without succes