[#LPP-5382] DHTML - IE: overflow="visible" don't work with opacity

OpenLaszlo

DHTML - IE: overflow="visible" don't work with opacity

Created: 26/Jan/08 05:35 PM Updated: 04/Nov/08 04:21 PM

Component/s:

Kernel - DHTML

Affects Version/s:

RingDing (4.1)

Fix Version/s:

MisterDonut (4.2 Final)

Time Tracking:

Not Specified

File Attachments:

LPP-5382.tar (7 kb)

Severity:	Critical
Runtime:	N/A
Fix in hand:	False

Description

« Hide

If you use the IE alpha-filter to set the opacity, the overflow will always be changed to "hidden". This causes all kinds of visual bugs, a couple of them are already reported here.

All

Comments

Work Log

Change History

Sort Order:

Ascending order - Click to sort in descending order

[ Permlink | « Hide ]

André Bargull - 26/Jan/08 05:38 PM

Still no way to upload a file, so here's a plain html-showcase:

<html>
    <head></head>
    <body>
        <div style="position:absolute; width:60px; height:40px; filter:alpha(opacity=60); overflow:visible" >
            
            <img src="Unbenannt.jpeg" style="position:absolute; width:120px; height:80px;" />
        </div>
    </body>
</html>

[ Permlink | « Hide ]

André Bargull - 26/Jan/08 06:06 PM

Also see LPP-4623 and LPP-4290 for testcases.

[ Permlink | « Hide ]

André Bargull - 12/Feb/08 11:09 AM

Verified in IE6 and IE7.

[ Permlink | « Hide ]

André Bargull - 24/Feb/08 05:24 AM

attached testfiles ("LPP-5382.tar")

[ Permlink | « Hide ]

Max Carlson - 19/Jun/08 10:38 PM

LZX example:
<canvas>
    
    <view opacity=".6" width="150" height="60" bgcolor="red">
        <view width="${canvas.width}" height="60" resource="http:Unbenannt.png" stretches="both"/>
    </view>

    
    <view y="200" opacity=".6" width="150" height="60" bgcolor="red"/>
    <view y="200" opacity=".6" width="${canvas.width}" height="60" resource="http:Unbenannt.png" stretches="both"/>
</canvas>

[ Permlink | « Hide ]

Max Carlson - 19/Jun/08 10:38 PM

Please document this limitation and workaround of IE DHTML

[ Permlink | « Hide ]

Amy Muntz - 27/Jun/08 01:44 PM

Added to Release Notes. Deferring to DingDong.

[ Permlink | « Hide ]

Max Carlson - 17/Jul/08 10:57 AM

This is a documentation issue

[ Permlink | « Hide ]

Lou Iorio - 06/Aug/08 07:15 AM

r10610 | lou | 2008-08-06 10:13:48 -0400 (Wed, 06 Aug 2008) | 17 lines
Changed paths:
   M /openlaszlo/trunk/docs/src/developers/colors.dbk

Change 20080806-lou-h by lou@loumac.local on 2008-08-06 10:09:03 AST
    in /Users/lou/src/svn/openlaszlo/trunk
    for http://svn.openlaszlo.org/openlaszlo/trunk

Summary: dguide, color chapter: add IE7 opacity issues

Bugs Fixed: LPP-5382, LPP-5370

Technical Reviewer: (pending)
QA Reviewer: mcarlson
Doc Reviewer: (pending)

Details: copy the IE7 opacity issues from the 4.1.1 release notes into the dguide

Tests: visual verify

[ Permlink | « Hide ]

Lou Iorio - 08/Aug/08 07:06 AM

Max: for your review