[BUG] Panel icon doesn't match favicon
-
Under some conditions I don't know yet, the panel icon of a page isn't set ("broken image"), but if the same page is loaded in a normal tab, everything is fine.
-
okay, I can reproduce this with my online bookmark manager:
steps to reproduce:
- add http://links.datlicht.de as a panel.
- click on the panel icon
result:
First, the favicon is fine, but as soon as the page is loaded, the image is broken. -
I'm unable to reproduce that on Vivaldi 1.6.689.40 (Stable channel) (32-bit), I'm adding the web panel with the site you linked and the favicon is displayed correctly.
Have you tried the most common methods of fixing these type of issues, like clearing browsing data and restarting the browser?
-
The problem still occurs with latest nightly build (1.7.735.11), but I have some more information about this:
Steps to reproduce:
- Add i.e. the site I mentioned as panel
-> the icon is displayed correctly - click the site
-> The icon is shown as broken image as soon as the page is being loaded.
(the image is correctly displayed when the URL is opened as tab.)
Now, I tried somehow on my non-public staging server with these results:
-
the page loaded is located at http://myserver.tld/tools/blah/index.html
-
favicon linked to "img/favicon.png"
=> bug exactly as described, broken image -
favicon linked to "favicon.ico"
=> favicon from myserver.tld/favicon.ico is used, but that is wrong. -
favicon linked to "/tools/blah/favicon.ico"
=> Now, the favicon works also in panel as expected.
But what web designer would place a link like this?
The bug is reproducible without any problem. Just install xampp or any other web server of your choice on your machine or a VM, put some html there and link the favicon like I described. I have this effect on three (non-public) machines, one uses XAMPP, one uses IIS and one is a Linux with Apache.
I also don't think there's a senseful reason for adding a different behavior, compared to 'normal' tabs; looks just like that relative links in panels aren't handled correctly.
- Add i.e. the site I mentioned as panel
-
I'm still unable to reproduce that with the first site you linked. Here's how it works on my PC in Vivaldi 1.7.735.11 (32-bit):
- Add i.e. the site I mentioned as panel
-> the icon is displayed correctly - click the site
-> The icon is shown as broken image as soon as the page is being loaded.
(the image is correctly displayed when the URL is opened as the tab.)
The favicon remains in its place, even if I open the panel, a new tab with that site or even after restarting the browser. I was unable to "break" the favicon.
@DatLicht said in [BUG] Panel icon doesn't match favicon:
Just install xampp or any other web server of your choice on your machine or a VM, put some html there and link the favicon like I described.
Installing a server in order to reproduce a bug - seriously?
I've put a test HTML file on a real web server and tried to reproduce the bug with *.PNG favicon. Here's the code I used:
<link rel="shortcut icon" href="/img/favicon.png" />
The favicon was displayed correctly at all times. All tests performed in Vivaldi 1.7.735.11 (32-bit).
- Add i.e. the site I mentioned as panel
-
@pafflick said in [[BUG] Panel icon doesn't match favicon](/topic/12663/bug-panel-
Installing a server in order to reproduce a bug - seriously?
surely, you also can use a real webserver if you have some folders for testing around. Just wanted to point out that this is no server-related issue (i.e. "only appears with XYZ and has to be fixed there").
icon-doesn-t-match-favicon/5):
Here's the code I used:<link rel="shortcut icon" href="/img/favicon.png" />
Yes, that works as I wrote. You put a static path you have to update manually if you're ever moving that folder to somewhere else. In most webdesign guides, static links like this one are a typical DON'T.
Now, what does not work is to add a relative path.
Do this steps:
-
Store the favicon.png to i.e. /tools/blah/img/favicon.png
-
link the favicon from the html file, located in
/tools/blah/index.html
to
"img/favicon.png"
(without leading slash as you want to link this relatively to it's linking document)
That example declaration is syntactically correct for
/tools/blah/img/favicon.png
but won't work.I don't know the source code, but is it possible that an prefixing slash is being added to the location? Usually, servers make no difference between //foldername and /foldername on the root directory, but this would lead to the bug I described.
-
-
@DatLicht I've changed it to a relative path (see code below) and moved the HTML file along with the favicon into a subfolder and it still works as expected after adding a web panel. Favicon is displayed correctly a few milliseconds after it's downloaded from the server.
<link rel="shortcut icon" href="img/favicon.png" />
-
weird. This only seems to be for existing panels, no matter how often you restart Vivaldi.
I removed the panel completely, closed all tabs with the same link and re-added the panel again, now it's being displayed fine.
Uncommon behavior, but I can live with that.
-
@DatLicht So, if you now know how to reproduce the bug, you can report it (as long as you make sure that it's actually something wrong with the browser and not you doing something incorrectly).
As I said before, I followed the steps you described to reproduce that behavior, but I was unable to get the same results as yours...
-
I also have that problem with local pages. When I open the panel web, the favicon dissapear and appears the other icon.
-
I've never seen this problem with online pages, but with an extension webpage in the panel (i.e. on the URL chrome-extension://nncgmpcdlilgbepbfpeidpjlcdfhmcfp/rss.html) it displays fine for a few minutes but eventually breaks and never fixes itself.
-
@LonM To my knowledge, favicons for extension pages are not supported in Vivaldi (yet).
-