-
Type:
Bug
-
Status: Closed
-
Resolution: Fixed
-
Affects Version/s: forms.liferay.com, Master
-
Fix Version/s: 7.0.0 DXP FP91, 7.0.10.14 DXP SP14, 7.0.X, 7.1.0 Beta 1, 7.1.X, 7.3.1 CE GA2, 7.3.10 DXP GA1, Master
-
Component/s: Frontend Infrastructure
-
Branch Version/s:7.0.x
-
Backported to Branch:Committed
-
Fix Priority:4
-
Git Pull Request:
Steps to reproduce:
- Enable theme CSS minification on portal
- Go to Content > Forms
- Add a Radio Field
- Publish Form
- Copy Published URL to another tab
- Check radio's option
Expected Result:
Field will look exactly like it is in Clay / Lexicon.
This is the expected CSS for the class:
.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23FFF'/%3E%3C/svg%3E"); }
Actual Result:
Checked radio is just a blue circle.
This is the actual CSS for the class:
.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url(data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='-4-488'%3E%3Ccircler='3'fill='%23FFF'/%3E%3C/svg%3E); }
It loses the spaces in the URL.
You can see an example of this issue in this forms.liferay.com form:
https://forms.liferay.com/web/forms/shared/-/form/342366