Bug 20144 - layer rendering mistake causing inaccessible input field, at routenet.nl fuel cost calculator
Summary: layer rendering mistake causing inaccessible input field, at routenet.nl fuel...
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: New Bugs (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac OS X 10.5
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2008-07-23 11:08 PDT by Julian Gonggrijp
Modified: 2012-09-29 04:34 PDT (History)
1 user (show)

See Also:


Attachments
correct opera rendering at left, buggy webkit rendering at the right (76.77 KB, image/png)
2008-07-23 11:11 PDT, Julian Gonggrijp
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Julian Gonggrijp 2008-07-23 11:08:01 PDT
The bug described below was found on a Dutch route planning site. I'll refer to text on the website with the literal Dutch words in quote marks and write the English meaning behind it in parentheses, e.g. "hallo" (hello).

To reproduce the bug:
- Load http://www.routenet.nl. You'll see a page with a map image in the center column. At the left of the map there is a form with a blue background. The form has two sections, "naar" (to) and "vanuit" (from).
- The next three steps will provide example values to fill out the form.
- In the field "Postcode:" (ZIP) of section "naar" enter "8072 PK".
- In the field "Straat + nr.:" (Street and number) of section "vanuit" enter "Lozerlaan 8".
- In the field "Plaats:" (City) of section "vanuit" enter "Den Haag" (The Hague).
- With your left mouse button, click on "plan route" below section "vanuit". A new div will show up above the map, headed "Routedetails" (Route details). The map will show the route with a thick blue line.
- At the bottom of the new div that just appeared, click with your left mouse button on "Bereken brandstofkosten voor mijn auto" (Calculate fuel cost for my car). Another new div will appear; it will float on top of the map image. This div contains an image of a Dutch number plate (yellow rectangle with rounded corners and a blue bar at the left). This div and this number plate image are central to the bug.

The bug:
In WebKit nightly build, parts of the map at the background are visible throught the fuel cost calculator div, i.e. marks such as the route end point flag are rendered on top of the calculator div while they should be hidden under it. Possibly as a consequence of this, it is not possible to enter your plate number on top of the number plate image.
This may be contrasted with a correct rendering in Opera 9.51. The calculator div is hiding all map elements on top of which it floats. When clicking on the number plate image with the left mouse button, a typing cursor will show up in the center of the image and the user will be able to type their plate number.

Screenshot:
I made a screenshot showing the correct rendering of Opera 9.51 at the left and the bug rendering of WebKit at the right. At the time of writing i haven't found out how to include an attachment, but i might upload it later.
Comment 1 Julian Gonggrijp 2008-07-23 11:11:46 PDT
Created attachment 22456 [details]
correct opera rendering at left, buggy webkit rendering at the right

This is the attachment that i mentioned in the initial bug report.
Comment 2 Julian Gonggrijp 2008-07-23 11:13:06 PDT
I have now uploaded the screenshot that i mentioned in the bug report.
Comment 3 Robert Hogan 2012-09-29 04:34:36 PDT
Unfortunately the website has changed so this bug can't be recreated anymore. Closing as invalid.