Problem with PopUp edges in Microsoft Edge

[martintaal]

Hi,

in our application we are having some display problems with pop-up edges, using Microsoft Edge browser.

For example, if we define a pop-up as follows[1], (using the edgeImage property and also having the bodyColor transparent), we have an unexpected output in Edge.

This is how the pop-up looks in Chrome[2]

This is how the pop-up looks in Microsoft Edge[3]

We can reproduce the problem with the latest version available here[4]

Thanks in advance.

[1] http://pastebin.com/86BS1Qm4
[2] http://www.screencast.com/t/5N5A2fBWI
[3] http://www.screencast.com/t/gVaW0Nn24V7o
[4] https://www.smartclient.com/builds/S...ent/10.0p/LGPL

[Isomorphic]

Oddly, the appearance you don't like seems to match your settings. You're asking for the body to be transparent, which would cause the center image from your edge media to show through. If that's green (we can't see your media), you'd get the appearance you see for edge.

If that's not what you were expecting from setting bodyColor to transparent, what were you expecting? And if you want it white, why not use that setting instead?

[martintaal]

Hello,

thank you for your response. Yes, it seems that by setting the body to be transparent, the media of the edges is taking all the space in the body.

But, the fact is that with these very same settings this situation is not happening in all other browsers like Chrome, Firefox or IE, i.e., the edges are not occupying the body content and we have the same pop-up appearance. The pop-up only looks different on Microsoft Edge.

My expectations are to have the same behavior in Edge browser, without the need of changing the current settings.

Regards.

[Isomorphic]

When you use CSS directly, we have limited control over how the browser interprets that CSS (as we cover in the docs). Browsers have various bugs and limitations in CSS support of transparency.

However, you seemed to have missed the key point: it doesn't make sense that you are setting bodyColor:'transparent' in the first place, because what you actually want appears to be bodyColor:"white".

[martintaal]

Hello,

thanks again. Yes we can set the background as white to solve that particular problem, but still we can see clear differences between the visualization of the pop-ups between Edge and the rest of browsers.

Here[1] you have a new example that shows a pop-up and a portlet. Also you can find the CSS definition for this example here[2].

As you can see:

1- The pop-up header shows differently. See [3] (Chrome) and [4] (Edge).
2- The gradient in the header of the portlet and also the edges look different. See [5] (Chrome) and [6] (Edge)

Regards.

[1] http://pastebin.com/0j1qwv4h
[2] http://pastebin.com/uWfszMvf
[3] http://www.screencast.com/t/oIutu0R1NUFg
[4] http://www.screencast.com/t/wWisJee5q
[5] http://www.screencast.com/t/rLQPGpo4
[6] http://www.screencast.com/t/6Apgzz5apK1P

[martintaal]

Hello,

do you have any update on this topic?

Thanks in advance.

[Isomorphic]

Sorry not yet, but we are looking into it... We'll follow up soon!

Regards
Isomorphic Software

[Isomorphic]

Ok - we've made some changes which we believe should take care of these issues for you. Please try the next nightly build and let us know if you continue to encounter problems with this.

Regards
Isomorphic Software

[martintaal]

Hello,

the problems with pop-up styling in MS Edge are fixed with the changes introduced in the nightly build of 2015-08-28, including the problem with the white/transparent background.

Thank you!

[jeslinedias]

Is this update went into chrome or GWT ? I currently use SmartGWT 2.6 and i have the above problem too. Please help

[Isomorphic]

It was applied to SmartGWT and backported as far as 4.0. There is no such thing as SmartGWT 2.6, but regardless, this fix won't be backported further (as we would be getting into releases that pre-date Edge and other common browsers by several years).