scrollbar - Xul Scrollbox 按钮消失

Question

如果您运行这个简单的 Xul 示例，您可以看到当您使用 tab 从最后一个 (3°) 按钮滚动到第一个按钮时，中间的按钮消失了。知道为什么吗？以及如何解决？

（要运行它，您需要在内容文件夹中放置一个名为“img.png”的 png 图像）

测试.xul

<?xml-stylesheet href="chrome://test/content/test.css" type="text/css"?>

<window id="desktop" title="test" width="1280" height="720" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

    <scrollbox>
        <button image="chrome://test/content/img.png" />
        <button image="chrome://test/content/img.png" />
        <button image="chrome://test/content/img.png" />
    </scrollbox>

</window>

测试.css

#desktop {
    border-style:solid;
    border-color:transparent;
    border-width:50px;
}

button {
    position: absolute;
    -moz-appearance: none;
    border: none;
    background: url(""); /* nothing */
    width: 128px;
    height: 128px;
    z-index: 1;
}

button image {
    width: 64px;
    height: 64px;
}

button:focus image {
    width: 128px;
    height: 128px;
}

scrollbox {
    background-color: #555555;
}

Answer 1

Solved inserting the scrollbox inside a box, and setting the scroll's background color to the box.