158615 - Images created with createElement() method cannot be clipped.

Status: RESOLVED DUPLICATE of bug 78497

(Core :: DOM: CSS Object Model, defect)

Description

[Scott Porter]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.1a) Gecko/20020610
BuildID:    2002061108

CSS image clipping broken. Clipping region in image is ignored by layout engine
- whole image displayed no matter how the clip and overflow properties are set.
Only workaround is to create a DIV, size it and place image as a
background-image! This bug does not appear in the PC and Mac versions.

Reproducible: Always
Steps to Reproduce:
1.Go to URL.
2.
3.

Actual Results:  Browser still works ok, but layout is completely wrong.

Expected Results:  Clipped image.

Comment 1

[Boris Zbarsky [:bzbarsky]]

Scott, any chance of a small testcase that demonstrates the problem?  Something 
static except for the image creation, perhaps?

Comment 2

[Scott Porter]

Static example has been placed here -> http://tiktok.demon.co.uk/moz_bug/1.html

This example creates an image object and loads up a gif image containing a 
penguin in various stages of animation (for sprite). The image should be 
clipped so that only one stage (top left) should be visible. This works on 
Mozilla on PC, but not on other platforms (no clipping is applied). Tested 
with Windows, Linux and Irix.

Comment 3

[Boris Zbarsky [:bzbarsky]]

Duplicate of "transparent images within absolute positioned div not clipped"
(this is exactly the same problem).

*** This bug has been marked as a duplicate of 78497 ***