You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@flex.apache.org by "Harbs (JIRA)" <ji...@apache.org> on 2017/07/11 11:08:00 UTC
[jira] [Created] (FLEX-35340) Issues with compiling valid HTML CSS
Harbs created FLEX-35340:
----------------------------
Summary: Issues with compiling valid HTML CSS
Key: FLEX-35340
URL: https://issues.apache.org/jira/browse/FLEX-35340
Project: Apache Flex
Issue Type: Bug
Components: FalconJX
Affects Versions: Apache FalconJX 0.8.0
Reporter: Harbs
There are various situations where CSS in fx:Style blocks or referenced css files are not compiled correctly. They generally occur when css functions are called.
Some examples:
{code:javascript}
background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
transform: translateY(-50%);
{code}
These cause compiler errors.
Here is another one which does not cause compiler errors, but causes a runtime error:
{code:java}
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
{code}
In the main CSS file, it is compiled correctly, but the main JS file has this:
{code:javascript}
function() {this["boxShadow"] = [0.0, 2.0, 2.0, 0.0, unexpected value type: rgba(0,0,0,.14), 0.0, 3.0, 1.0, -2.0, unexpected value type: rgba(0,0,0,.2), 0.0, 1.0, 5.0, 0.0, unexpected value type: rgba(0,0,0,.12)]},
{code}
--
This message was sent by Atlassian JIRA
(v6.4.14#64029)