Xul 滚动框按钮消失

Question

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

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

test.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

解决了将滚动框插入框内，并将滚动框的背景颜色设置为框的问题。