Hi all,
I'm working on an extension and I'm using some webkit CSS properties to have
flexible boxes(divs) so they can stretch to all available space(Horizontally
or vertically).
I have these styles:
.vbox {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
}
.boxFlex {
-webkit-box-flex: 1;
}
I then have for a specific div:
#mydiv {
overflow-y: auto;
}
All 3 styles apply for the same div, which makes it stretch vertically all
the way, taking all the space left from its parent. Which is great.
I then start adding elements to that div, and when it's visually full, the
scrollbar appears, which is great as well. However, I have an onmouseenter
event on each of the child elements, that shows a tiny div below each
element. The problem is that when any of those tiny divs are shown, the
scrollbar is reset(goes all the way to the beginning), which i annoying. :P
Have tried several workarounds of my own with no luck. Tried having a
regular inside 'mydiv' with 100% height but that crashes chrome. I guess
this happens because the parent should have a defined height.
Any ideas or docs that may help?
Thanks a lot in advance!
Marcos
--
Marcos Aruj Alvarez
Ingeniero de Software
-------------------------------
[email protected]
-----
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Chromium-extensions" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/chromium-extensions?hl=en
-~----------~----~----~----~------~----~------~--~---
