Page 1 of 1

Strange Bug

PostPosted: Thu Feb 04, 2016 1:56 pm
by luishp
I have just added this into Project->Properties->Styles in a blanck new project:
Code: Select all
#NewPage{
    display:flex;
}

When I try to see the result on any browser, this is what I see :shock: :
Code: Select all
<div id="NewPage"> </div>

By the way, "display:flex" allows for new generation responsive flexible design, please take a look here to see the posibilities:
http://flexboxin5.com/

Thank you!

Re: Strange Bug

PostPosted: Thu Feb 04, 2016 9:31 pm
by anton
luishp wrote:I have just added this into Project->Properties->Styles in a blanck new project:
Code: Select all
#NewPage{
    display:flex;
}

When I try to see the result on any browser, this is what I see :shock: :
Code: Select all
<div id="NewPage"> </div>

By the way, "display:flex" allows for new generation responsive flexible design, please take a look here to see the posibilities:
http://flexboxin5.com/

Thank you!


It's not a bug. ID NevPage applied to the element - "script." Therefore the property "flex" is applied to him.

<script type="text/ng-template" id="NewPage">
<div id="NewPage">
</div>
</script>


To everything worked as it should, it is necessary to write a style like this:
Code: Select all
div#NewPage{
    display:flex;
}

Re: Strange Bug

PostPosted: Thu Feb 04, 2016 11:50 pm
by luishp
You are right Anton.
Thank you!
In any case, it is curious because I have been applying styles to pages this way until now with no problems at all :)