[Webkit-unassigned] [Bug 20144] New: layer rendering mistake causing inaccessible input field, at routenet.nl fuel cost calculator

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=20144

           Summary: layer rendering mistake causing inaccessible input
                    field, at routenet.nl fuel cost calculator
           Product: WebKit
           Version: 526+ (Nightly build)
          Platform: Macintosh
        OS/Version: Mac OS X 10.5
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: New Bugs
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: j_gonggrijp at planet.nl


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.


-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug, or are watching the assignee.