Bug 49105

Summary: RTL styling and attribute on div messes up image placement
Product: WebKit Reporter: Diana Kimball <dianakim>
Component: DOMAssignee: Nobody <webkit-unassigned>
Status: UNCONFIRMED    
Severity: Minor CC: ahmad.saleem792, ap, dianakim, mitz, rniwa
Priority: P3    
Version: 528+ (Nightly build)   
Hardware: PC   
OS: Windows 7   
URL: http://skydrive.com
Attachments:
Description Flags
Test files that repro the issue when loaded in a browser set to RTL. none

Diana Kimball
Reported 2010-11-05 15:47:55 PDT
In the PowerPoint Web App on http://skydrive.com, when an RTL locale is set by the browser, the background image we specify is downloaded correctly but does not display. The DOM parser complains about unmatched </img> tags in the attached test file (repro.html)--however, we believe that it's the RTL styling and attribute on the div that messes up the placement of the image. This repro mimics the PowerPoint Web App's RTL settings and layout, with the gradient image we specify. In the div that mimics our settings and layout, the image doesn't display at all; the regular div works.
Attachments
Test files that repro the issue when loaded in a browser set to RTL. (4.62 KB, application/x-zip-compressed)
2010-11-08 11:32 PST, Diana Kimball 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Alexey Proskuryakov
Comment 1 2010-11-05 22:36:59 PDT
> the attached test file (repro.html) Could you please attach the test case?
Diana Kimball
Comment 2 2010-11-08 11:32:28 PST
Created attachment 73258 [details] Test files that repro the issue when loaded in a browser set to RTL.
Ahmad Saleem
Comment 3 2023-03-29 06:25:29 PDT
I am not able to reproduce this bug in Safari 16.4 and it matches with Chrome Canary 114 and Firefox Nightly 113. I am not sure whether I need to change system localization to reproduce this so I would leave others to confirm but rendering match in all browsers.
Note You need to log in before you can comment on or make changes to this bug.