Multiple icons contained in a single tiled image: access is broken
Categories
(Core :: Layout: Images, Video, and HTML Frames, defect)
Tracking
()
People
(Reporter: sendion23-ux, Unassigned)
Details
Attachments
(1 file)
88.19 KB,
image/jpeg
|
Details |
Steps to reproduce:
Here is the best way to demonstrate the problem:
- In Firefox put "about:support" in the address bar (without the quote marks) and push the Enter or Return key.
- On Windows: To the right of "Profile Folder" click on "Open Folder"
- Now open an existing "chrome" folder or make a new one and open it.
- Set your operating system to display files and file extensions which are hidden by default on Microsoft Windows.
- If a "userChrome.css" file exists, rename it to something else, such as "my_userChrome.css".
- If a "userContent.css" file exists, rename it to something else, such as "my_userContent.css".
- Download and unzip the http://www.mw.rat.bz/foxscapeuc/FOXSCAPEuC%202021-03-06%20v7%20Fx85.0.zip file into the chrome folder.
- In Firefox put "about:config" in the address bar (without the quote marks) and push the Enter or Return key.
- If you get a screen stating "This might void your warranty!", then click on the "I accept the risk!" button.
- On the about:config page, put toolkit.legacyUserProfileCustomizations.stylesheets in the Search: field at the top of the page.
- If the value column has false in it, double click false to make it show true. Otherwise, go to the next step.
- Close the about:config page.
- Restart Firefox by going to "about:profiles" and by clicking on the "Restart normally..." button.
Actual results:
After the restart:
- The toolbar occupies 9 rows instead of 1 row.
- In the "Customize Toolbar . . ." mode, I cannot drag individual icons. Instead, I may drag a set of icons enclosed in a read rectangle (see the attached snapshot).
- In the "Customize Toolbar . . ." mode, I cannot drop icons.
Note that I am able to reproduce this behaviour on both:
- User agent: Mozilla/5.0 (Windows NT 6.1; rv:109.0) Gecko/20100101 Firefox/115.0
- User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/113.0
Expected results:
After the restart:
- The toolbar should occupy 1 row.
- In the "Customize Toolbar . . ." mode, I should be able to drag individual icons.
- In the "Customize Toolbar . . ." mode, I should be able to drop individual icons.
Note that everything works as expected in v103.0.2 of Firefox.
Additional information
I went through the Release Notes from v103.0.2 through 113.0.1. None of the release notes stipulates that you cannot have multiple icons contained in a single tiled image.
Comment 1•1 year ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::Graphics: ImageLib' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.
Comment 2•1 year ago
|
||
Can you use https://mozilla.github.io/mozregression/ to determine which changeset caused this?
Alternatively, can you come up with a much simpler/smaller testcase that demonstrates the problem?
Reporter | ||
Comment 3•1 year ago
|
||
Can you use https://mozilla.github.io/mozregression to determine which changeset caused this?
No, I cannot. I am afraid that the installation and/or execution of https://mozilla.github.io/mozregression may interfere with the current installation and/or customization of Firefox, and cause more damage. Sorry, I cannot risk the given machine to go down once more.
can you come up with a much simpler/smaller testcase that demonstrates the problem?
At the moment, I don't have free cycles to work on the downsizing of a testcase. Nevertheless , I can provide more details in order to point you to the right direction.
As the bug tittle says, "multiple icons are contained in a single tiled image". For instance, take a look at <profile folder>/chrome/foxscapeuc/z-main/myToolbar.png
. This image contains about 65 icons. The access to individual icons is implemented in <profile folder>/foxscapeuc/sub/navigation_toolbar_main_bitmapped_buttons_skinned.css
:
/* forward button 24px touch */
:root[uidensity=touch] #forward-button .toolbarbutton-icon {
list-style-image: url("./../z-main/myToolbar.png") !important;
}
:root[uidensity=touch] #forward-button {
-moz-image-region: rect(0px 48px 24px 24px) !important;
}
:root[uidensity=touch] #forward-button:not([disabled="true"]):hover {
-moz-image-region: rect(24px 48px 48px 24px) !important;
}
:root[uidensity=touch] #forward-button[disabled="true"] {
-moz-image-region: rect(48px 48px 72px 24px) !important;
}
:root[uidensity=touch] #forward-button:not([disabled="true"]):hover:active {
-moz-image-region: rect(96px 48px 120px 24px) !important;
}
I hope, the Firefox/Mozilla Test Suite (on your end) already covers the backward compatibility aspect of such a capability (i.e. the access to individual icons).
Updated•1 year ago
|
Comment 4•1 year ago
|
||
mozregression doesn't touch your firefox profile or the install dir for firefox, it's completely separate, thats pretty much a fundamental requirement of mozregression.
Comment 5•1 year ago
|
||
Hi - I noticed that you're using -moz-image-region
. That has been removed from Firefox since 112.
The sprite use case is still supported by the standard CSS properties background-size
and background-position
- as done here.
Description
•