[webkit-help] Strange behaviour on scrollable DIV's

[Reto Brühlmann]

Hi @ all...

First, sorry for my bad english – i know, thats very hard to understand my spelling, but i’ll do my best … ;-)

First on the specs…

XOOM (Android 3.2), Mobile Application based on webkit with HTML5 …

I have a <div> that’s hold the calendar and is fixed in height and width and so on, its scrollable in height, if more entrys are in the div as the height is. Now, when I scroll it to the bottom, because I have a lot of entrys in it, which entrys are tablerows (td’s) with a onclick function on it, and click the last item or items that are not shown on default (in relation to the height of the div) it will every time click on the default visible (in relation to the height of the div) td’s.

But this behavior is only on XOOM, on Google Chrome it works like it should – I have no clue, what I make wrong or is it a bug… Do I forget something? Is this a well known problem?

Thanks for your help…

Cheers
Reto

P.S Here an example…
<style type="text/css">
.portalbox {
      overflow-y:scroll;
      overflow-x:hidden;
      background:#fff;
      width: 300px;
      height: 285px;
      top: 5px;
      border-bottom-right-radius: 2px;
      border-bottom-left-radius:2px;
      box-shadow:5px 5px 5px #111;
      -moz-box-shadow: 5px 5px 5px #111;
      -webkit-box-shadow: 5px 5px 5px #111;
      font-family:Arial, Helvetica, sans-serif;
}
</style>
<div id="smallagenda" class="portalbox" style="left:16px;">
      <div style="background:#333;color:#fff;font-size:14px;font-weight:bold;padding:5px;">
            AGENDA
      </div>
      <? foreach($returnvalue_ as $aid => $value_) { ?>
      <div class="entrydetail" style="height:<?= $value_[height]; ?>;color:<?= $value_[color]; ?>;background:<?= $value_[backgroundcolor]; ?>;padding:5px;" onclick="">
            <?= nl2br($value_[title]); ?>
      </div>
      <? } ?>
      <script>
            $('.entrydetail').click(function() {
                  alert($(this).text());
            });
      </script>
</div>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-help/attachments/20111001/51e3bf05/attachment-0001.html>