32095 - scrolling tree of select widgets results in blank areas

Status: RESOLVED FIXED

(Core :: XUL, defect, P3)

Description

[Stephen P. Morse]

Consider the xul content shown below.  It presents a tee of select widgets along 
with a scroll bar.

Scrolling by pressing on the up/down arrows at the top and bottom of the scroll 
bar works fine.  Scrolling by dragging the entire scroll bar also works fine.

But if you scroll down by clicking on the dark gray area below the scroll bar 
and then scroll back up by clicking on the dark gray area above the scroll bar, 
things are bad.  Specifically, there is a blank area right in the middle of the 
tree.

Comment 1

[Stephen P. Morse]

Oops, forgot to include the xul content.  Here it is:

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://wallet/skin/" type="text/css"?>
<?xul-overlay href="chrome://global/content/dialogOverlay.xul"?>
<!DOCTYPE window SYSTEM "chrome://wallet/locale/SignonViewer.dtd" >

<window id="walletpreview"
        title="&windowtitle.label;"
        xmlns:html="http://www.w3.org/TR/REC-html40"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        align="vertical"
        class="dialog">

  <box align="vertical">
    <tree class="inset" style="height: 280px; width: 440px;" align="vertical">
      <treecol width="100%"/>
      <treechildren>
        <treeitem>
          <treerow>
            <treecell>
              <html:select size="3">
                <html:option value="1">value 1 </html:option>
                <html:option value="2">value 2 </html:option>
                <html:option value="3">value 3 </html:option>
              </html:select>
            </treecell>
          </treerow>          
        </treeitem>
        <treeitem>
          <treerow>
            <treecell>
              <html:select size="3">
                <html:option value="1">value 1 </html:option>
                <html:option value="2">value 2 </html:option>
                <html:option value="3">value 3 </html:option>
              </html:select>
            </treecell>
          </treerow>          
        </treeitem>
        <treeitem>
          <treerow>
            <treecell>
              <html:select size="3">
                <html:option value="1">value 1 </html:option>
                <html:option value="2">value 2 </html:option>
                <html:option value="3">value 3 </html:option>
              </html:select>
            </treecell>
          </treerow>          
        </treeitem>
        <treeitem>
          <treerow>
            <treecell>
              <html:select size="3">
                <html:option value="1">value 1 </html:option>
                <html:option value="2">value 2 </html:option>
                <html:option value="3">value 3 </html:option>
              </html:select>
            </treecell>
          </treerow>          
        </treeitem>
        <treeitem>
          <treerow>
            <treecell>
              <html:select size="3">
                <html:option value="1">value 1 </html:option>
                <html:option value="2">value 2 </html:option>
                <html:option value="3">value 3 </html:option>
              </html:select>
            </treecell>
          </treerow>          
        </treeitem>
        <treeitem>
          <treerow>
            <treecell>
              <html:select size="3">
                <html:option value="1">value 1 </html:option>
                <html:option value="2">value 2 </html:option>
                <html:option value="3">value 3 </html:option>
              </html:select>
            </treecell>
          </treerow>          
        </treeitem>
        <treeitem>
          <treerow>
            <treecell>
              <html:select size="3">
                <html:option value="1">value 1 </html:option>
                <html:option value="2">value 2 </html:option>
                <html:option value="3">value 3 </html:option>
              </html:select>
            </treecell>
          </treerow>          
        </treeitem>
        <treeitem>
          <treerow>
            <treecell>
              <html:select size="3">
                <html:option value="1">value 1 </html:option>
                <html:option value="2">value 2 </html:option>
                <html:option value="3">value 3 </html:option>
              </html:select>
            </treecell>
          </treerow>          
        </treeitem>
        <treeitem>
          <treerow>
            <treecell>
              <html:select size="3">
                <html:option value="1">value 1 </html:option>
                <html:option value="2">value 2 </html:option>
                <html:option value="3">value 3 </html:option>
              </html:select>
            </treecell>
          </treerow>          
        </treeitem>
        <treeitem>
          <treerow>
            <treecell>
              <html:select size="3">
                <html:option value="1">value 1 </html:option>
                <html:option value="2">value 2 </html:option>
                <html:option value="3">value 3 </html:option>
              </html:select>
            </treecell>
          </treerow>          
        </treeitem>
      </treechildren>
    </tree>
  </box>

</window>

Comment 2

[Ben Goodger (use ben at mozilla dot org for email)]

hyatt

Comment 3

[Stephen P. Morse]

I think the answer to bugs 32090, 32095, 32097, and 32099 are all going to be 
that <select> and <option> are being deprecated in favor of <menulist>, 
<menupopup> and <menuitem>.  I've started playing with them and it appears that 
they don't exhibit any of the problems reported in these reports.

Comment 4

[David Hyatt]

Not high priority since menulist can be used instead.

Comment 5

[Peter Trudelle]

Mass move of all M20 bugs to M30.

Comment 6

[Peter Trudelle]

Mass move of M20 bugs to M30

Comment 7

[Paul MacQuiddy]

spam, open xptoolkit qa contact moving over to jrgm

Comment 8

[Peter Trudelle]

Mass-moving all M20-M30 XPToolkit bugs to Future

Comment 9

[David Hyatt]

fixed.