Wrong placement of nested divider

[anderskristensen]

I was trying to create the following layout:

• Vertical divider with left component fixed
  • Left pane: Horizontal divider and top and bottom component widths in percent (30/70).
  • Right pane: Horizontal divider and top and bottom component widths in percent (65/35).

In Chrome 35.0.1916.153, the horizontal divider within the left pane seems to not be resizable. It actually can be resized but the "handle" is in the wrong place (move pointer up and down will reveal its location).

In Firefox 20.0 both horizontal dividers are initially misplaced.

In both browsers, after the nested split pane has been resized once, the handle is in the right place.

I'll attach my test html page.

[shagstrom]

I would need both css and html to look into this issue.

[anderskristensen]

Attached is example html w/ css.

On 7/20/14, 3:10 AM, Simon Hagström wrote:

I would need both css and html to look into this issue.

—
Reply to this email directly or view it on GitHub
#8 (comment).

[shagstrom]

From what I understand, you can only attach images, but I managed to extract your example from reading the raw source of github's email notification ;-)

Take a look at this diff:

21,22c21,22
<     .horizontal-divider {
<         bottom: 20em;
---
>     #index-divider {
>         bottom: 70%;
46a47,50
>     #details-divider {
>         bottom: 35%;
>         height: 5px;
>     }