Open Bug 740772 Opened 12 years ago Updated 2 years ago

css style max-width/max-height on an embedded image destroys image proportions

Categories

(Thunderbird :: Message Compose Window, defect)

x86_64
Windows 7
defect

Tracking

(Not tracked)

UNCONFIRMED

People

(Reporter: frommozilla.comhash69, Unassigned)

References

Details

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:11.0) Gecko/20100101 Firefox/11.0
Build ID: 20120312181643

Steps to reproduce:

1) Compose an message.
2) insert an image through dropdown menu next to smiles menu
3) select a file (preferably large, 800x600)
4) click on advanced editor button 
5) in inline style tab add max-width 100px



Actual results:

Image will be resized to 100xNN (where NN is original height)



Expected results:

Image should be proportionally resized based on new width, at least that's how it works in Firefox.

max-width and max-height style attribute work as width and height in Thunderbird.
(In reply to V@no from comment #0)
> Image should be proportionally resized based on new width, at least that's
> how it works in Firefox.

I am not an expert in HTML editing, but you can add "max-height" attribute as well. That will change the proportions.
Strange thing is, the attachment image view feature that resizes images to fit the screen uses max-width only and it shows images in proper proportions, but if the same attribute added to an in-body images (inserted into body of message, not attachments) distorts the proportions.
Component: General → Message Compose Window
QA Contact: general → message-compose
See Also: → 534083
Summary: max-width/max-height on an image destroys image proportions → css style max-width/max-height on an embedded image destroys image proportions
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.