Defect #32829
closed
HTML entity is used in CSS string
Added by Alexander Sapozhnikov almost 5 years ago.
Updated almost 5 years ago.
Description
Ordering handles (green arrows ↕) at some administrative pages contains HTML entity instead of inivisible character of non-breaking space:
Affected pages¶
- /roles
- /trackers
- /issue_statuses
- /enumerations
- /custom_fields
Configuration¶
- MySQL 5.5.44
- ruby 2.6.3p62 (2019-04-16 revision 67580) [x86_64-linux]
- Rails 5.2.4.1
- Redmine 4.1.0
- Plugins:
- Google Chrome 79
How to fix¶
Edit public/stylesheets/application.css:
.icon-only::after {
content: " ";
}
replace with
Files
--- application.css~ 2019-12-20 17:19:46.000000000 +0500
+++ application.css 2020-01-17 05:28:57.819227647 +0500
@@ -1458,3 +1458,3 @@
.icon-only::after {
- content: " ";
+ content: "\a0";
}
I cannot reproduce the problem. Could you test again without third-party plugins and a theme?
I’ve checked with Alternate and Classic themes — there are no visible characters
But anyway HTML entity should be replaced with allowed character or escape sequence.
https://developer.mozilla.org/en-US/docs/Web/CSS/string
Most characters can be represented literally. All characters can also be represented with their respective Unicode code points in hexadecimal, in which case they are preceded by a backslash (\). For example, \22 represents a double quote, \27 a single quote ('), and \A9 the copyright symbol (©).
Note: HTML entities (such as or —) cannot be used in a CSS <string>.
See also:
- Target version set to 4.1.1
Alexander Sapozhnikov wrote:
But anyway HTML entity should be replaced with allowed character or escape sequence.
https://developer.mozilla.org/en-US/docs/Web/CSS/string
Most characters can be represented literally. All characters can also be represented with their respective Unicode code points in hexadecimal, in which case they are preceded by a backslash (\). For example, \22 represents a double quote, \27 a single quote ('), and \A9 the copyright symbol (©).
Note: HTML entities (such as or —) cannot be used in a CSS <string>.
Thank you for giving me the information. I didn't know that.
Setting the target version to 4.1.1.
- Target version changed from 4.1.1 to 4.0.7
- Affected version changed from 4.1.0 to 3.3.0
The change has been made in r15271 (Redmine 3.3.0). Updating the target version to 4.0.7.
- Related to Patch #21805: Improve accessibility for icon-only links added
- Subject changed from HTML entities instead of non-breaking space near ordering handles to HTML entity is used in CSS string
- Status changed from New to Closed
- Assignee set to Go MAEDA
- Resolution set to Fixed
Committed the patch. Thank you for posting the patch.
Also available in: Atom
PDF
Updated by 
Updated by