You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@royale.apache.org by Carlos Rovira <ca...@apache.org> on 2018/09/03 11:15:20 UTC

setting left, top styles vía Javascript has no effect on IE11

Hi,

we have currently 2 bugs in IE11 due to the same problem.

1.- Validor ErrorTip recently done by Yutaro
2.- DateField and ComboBox in Jewel

both popups some kind of component that needs to position in a particular
x, y position. This is done using Point class and PointUtils with
localToGlobal
the code finally sets x e y:

someUIBaseComp.x = point.x;
someUIBaseComp.y = point.y;

what in js ends making for example :

style="top: 237px, left: 48px"

in Chrome, Firefox and Safari this works ok

in IE11, we get style="", so nothing is set in IE11

someone knows what could be the problem?

if we solve this we'll get this components properly displaying in IE11, so
in all browsers :)

This is not a Jewel problem, I think other UI sets will have this problems,
so for example DateField/ComboBox in Basic should have this problem too.

Thanks


-- 
Carlos Rovira
http://about.me/carlosrovira

Re: setting left, top styles vía Javascript has no effect on IE11

Posted by Carlos Rovira <ca...@apache.org>.
Hi Alex,

I found the problem here. Is in PointUtils using widows.scrollX and
scrollY, that doesn't work in IE11 and reports NaN, it should be
pageXOffset and pageYOffset

thanks

El vie., 7 sept. 2018 a las 21:45, Carlos Rovira (<ca...@apache.org>)
escribió:

> ok, I'll investigate it and see what I find
> thanks!
>
> El vie., 7 sept. 2018 a las 21:02, Alex Harui (<ah...@adobe.com.invalid>)
> escribió:
>
>> I haven't seen a problem like this before.  I would recommend writing a
>> small test case in JSFiddle or locally and trying different ways of setting
>> the style property.  Maybe IE won't accept left/top if position isn't
>> absolute/relative.
>>
>> HTH,
>> -Alex
>>
>> On 9/7/18, 11:52 AM, "Carlos Rovira" <ca...@apache.org> wrote:
>>
>>     Just to refresh this, if someone knows something about why Royale
>> could be
>>     failing to set styles left and top on IE11 let me know so I can fix
>> and
>>     make this compatible in IE11
>>     thanks!
>>
>>     Carlos
>>
>>
>>     El lun., 3 sept. 2018 a las 13:15, Carlos Rovira (<
>> carlosrovira@apache.org>)
>>     escribió:
>>
>>     > Hi,
>>     >
>>     > we have currently 2 bugs in IE11 due to the same problem.
>>     >
>>     > 1.- Validor ErrorTip recently done by Yutaro
>>     > 2.- DateField and ComboBox in Jewel
>>     >
>>     > both popups some kind of component that needs to position in a
>> particular
>>     > x, y position. This is done using Point class and PointUtils with
>>     > localToGlobal
>>     > the code finally sets x e y:
>>     >
>>     > someUIBaseComp.x = point.x;
>>     > someUIBaseComp.y = point.y;
>>     >
>>     > what in js ends making for example :
>>     >
>>     > style="top: 237px, left: 48px"
>>     >
>>     > in Chrome, Firefox and Safari this works ok
>>     >
>>     > in IE11, we get style="", so nothing is set in IE11
>>     >
>>     > someone knows what could be the problem?
>>     >
>>     > if we solve this we'll get this components properly displaying in
>> IE11, so
>>     > in all browsers :)
>>     >
>>     > This is not a Jewel problem, I think other UI sets will have this
>>     > problems, so for example DateField/ComboBox in Basic should have
>> this
>>     > problem too.
>>     >
>>     > Thanks
>>     >
>>     >
>>     > --
>>     > Carlos Rovira
>>     >
>> https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&amp;data=02%7C01%7Caharui%40adobe.com%7C9271e743e11a40971d4808d614f30d94%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636719431465494821&amp;sdata=imvCzzKy3T%2BJlugSJEz8m53g1tBK8h0Vj5oWYtWODl4%3D&amp;reserved=0
>>     >
>>     >
>>
>>     --
>>     Carlos Rovira
>>
>> https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&amp;data=02%7C01%7Caharui%40adobe.com%7C9271e743e11a40971d4808d614f30d94%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636719431465494821&amp;sdata=imvCzzKy3T%2BJlugSJEz8m53g1tBK8h0Vj5oWYtWODl4%3D&amp;reserved=0
>>
>>
>>
>
> --
> Carlos Rovira
> http://about.me/carlosrovira
>
>

-- 
Carlos Rovira
http://about.me/carlosrovira

Re: setting left, top styles vía Javascript has no effect on IE11

Posted by Carlos Rovira <ca...@apache.org>.
ok, I'll investigate it and see what I find
thanks!

El vie., 7 sept. 2018 a las 21:02, Alex Harui (<ah...@adobe.com.invalid>)
escribió:

> I haven't seen a problem like this before.  I would recommend writing a
> small test case in JSFiddle or locally and trying different ways of setting
> the style property.  Maybe IE won't accept left/top if position isn't
> absolute/relative.
>
> HTH,
> -Alex
>
> On 9/7/18, 11:52 AM, "Carlos Rovira" <ca...@apache.org> wrote:
>
>     Just to refresh this, if someone knows something about why Royale
> could be
>     failing to set styles left and top on IE11 let me know so I can fix and
>     make this compatible in IE11
>     thanks!
>
>     Carlos
>
>
>     El lun., 3 sept. 2018 a las 13:15, Carlos Rovira (<
> carlosrovira@apache.org>)
>     escribió:
>
>     > Hi,
>     >
>     > we have currently 2 bugs in IE11 due to the same problem.
>     >
>     > 1.- Validor ErrorTip recently done by Yutaro
>     > 2.- DateField and ComboBox in Jewel
>     >
>     > both popups some kind of component that needs to position in a
> particular
>     > x, y position. This is done using Point class and PointUtils with
>     > localToGlobal
>     > the code finally sets x e y:
>     >
>     > someUIBaseComp.x = point.x;
>     > someUIBaseComp.y = point.y;
>     >
>     > what in js ends making for example :
>     >
>     > style="top: 237px, left: 48px"
>     >
>     > in Chrome, Firefox and Safari this works ok
>     >
>     > in IE11, we get style="", so nothing is set in IE11
>     >
>     > someone knows what could be the problem?
>     >
>     > if we solve this we'll get this components properly displaying in
> IE11, so
>     > in all browsers :)
>     >
>     > This is not a Jewel problem, I think other UI sets will have this
>     > problems, so for example DateField/ComboBox in Basic should have this
>     > problem too.
>     >
>     > Thanks
>     >
>     >
>     > --
>     > Carlos Rovira
>     >
> https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&amp;data=02%7C01%7Caharui%40adobe.com%7C9271e743e11a40971d4808d614f30d94%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636719431465494821&amp;sdata=imvCzzKy3T%2BJlugSJEz8m53g1tBK8h0Vj5oWYtWODl4%3D&amp;reserved=0
>     >
>     >
>
>     --
>     Carlos Rovira
>
> https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&amp;data=02%7C01%7Caharui%40adobe.com%7C9271e743e11a40971d4808d614f30d94%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636719431465494821&amp;sdata=imvCzzKy3T%2BJlugSJEz8m53g1tBK8h0Vj5oWYtWODl4%3D&amp;reserved=0
>
>
>

-- 
Carlos Rovira
http://about.me/carlosrovira

Re: setting left, top styles vía Javascript has no effect on IE11

Posted by Alex Harui <ah...@adobe.com.INVALID>.
I haven't seen a problem like this before.  I would recommend writing a small test case in JSFiddle or locally and trying different ways of setting the style property.  Maybe IE won't accept left/top if position isn't absolute/relative.

HTH,
-Alex

On 9/7/18, 11:52 AM, "Carlos Rovira" <ca...@apache.org> wrote:

    Just to refresh this, if someone knows something about why Royale could be
    failing to set styles left and top on IE11 let me know so I can fix and
    make this compatible in IE11
    thanks!
    
    Carlos
    
    
    El lun., 3 sept. 2018 a las 13:15, Carlos Rovira (<ca...@apache.org>)
    escribió:
    
    > Hi,
    >
    > we have currently 2 bugs in IE11 due to the same problem.
    >
    > 1.- Validor ErrorTip recently done by Yutaro
    > 2.- DateField and ComboBox in Jewel
    >
    > both popups some kind of component that needs to position in a particular
    > x, y position. This is done using Point class and PointUtils with
    > localToGlobal
    > the code finally sets x e y:
    >
    > someUIBaseComp.x = point.x;
    > someUIBaseComp.y = point.y;
    >
    > what in js ends making for example :
    >
    > style="top: 237px, left: 48px"
    >
    > in Chrome, Firefox and Safari this works ok
    >
    > in IE11, we get style="", so nothing is set in IE11
    >
    > someone knows what could be the problem?
    >
    > if we solve this we'll get this components properly displaying in IE11, so
    > in all browsers :)
    >
    > This is not a Jewel problem, I think other UI sets will have this
    > problems, so for example DateField/ComboBox in Basic should have this
    > problem too.
    >
    > Thanks
    >
    >
    > --
    > Carlos Rovira
    > https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&amp;data=02%7C01%7Caharui%40adobe.com%7C9271e743e11a40971d4808d614f30d94%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636719431465494821&amp;sdata=imvCzzKy3T%2BJlugSJEz8m53g1tBK8h0Vj5oWYtWODl4%3D&amp;reserved=0
    >
    >
    
    -- 
    Carlos Rovira
    https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&amp;data=02%7C01%7Caharui%40adobe.com%7C9271e743e11a40971d4808d614f30d94%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636719431465494821&amp;sdata=imvCzzKy3T%2BJlugSJEz8m53g1tBK8h0Vj5oWYtWODl4%3D&amp;reserved=0
    


Re: setting left, top styles vía Javascript has no effect on IE11

Posted by Carlos Rovira <ca...@apache.org>.
Just to refresh this, if someone knows something about why Royale could be
failing to set styles left and top on IE11 let me know so I can fix and
make this compatible in IE11
thanks!

Carlos


El lun., 3 sept. 2018 a las 13:15, Carlos Rovira (<ca...@apache.org>)
escribió:

> Hi,
>
> we have currently 2 bugs in IE11 due to the same problem.
>
> 1.- Validor ErrorTip recently done by Yutaro
> 2.- DateField and ComboBox in Jewel
>
> both popups some kind of component that needs to position in a particular
> x, y position. This is done using Point class and PointUtils with
> localToGlobal
> the code finally sets x e y:
>
> someUIBaseComp.x = point.x;
> someUIBaseComp.y = point.y;
>
> what in js ends making for example :
>
> style="top: 237px, left: 48px"
>
> in Chrome, Firefox and Safari this works ok
>
> in IE11, we get style="", so nothing is set in IE11
>
> someone knows what could be the problem?
>
> if we solve this we'll get this components properly displaying in IE11, so
> in all browsers :)
>
> This is not a Jewel problem, I think other UI sets will have this
> problems, so for example DateField/ComboBox in Basic should have this
> problem too.
>
> Thanks
>
>
> --
> Carlos Rovira
> http://about.me/carlosrovira
>
>

-- 
Carlos Rovira
http://about.me/carlosrovira