[xul-interop] Xul Scrollbox button disappearing

Tom Brito <[email protected]> Mon, 22 Nov 2010 16:08:47 -0200
Newsgroups gmane.comp.lang.xul.general
Message-ID <[email protected]> 
--===============0259431594383158180==
Content-Type: multipart/alternative; boundary=0016e6dab063fe54610495a826b4

--0016e6dab063fe54610495a826b4
Content-Type: text/plain; charset=ISO-8859-1
Content-Transfer-Encoding: quoted-printable

Hi,

Is there any bug with the xul scrollbox?

If you run this simple Xul example, you can see that when you scroll from
the last (3=B0) button to the first, using tab, the middle button disappear=
.
Any idea why? And how to fix?

*(to run it you'll need to put an png image named "img.png" at content
folder)*

*
*

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

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

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

</window>

*
*

*test.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;
}



Best regards,

*
Wellington B. de Carvalho
*

--0016e6dab063fe54610495a826b4
Content-Type: text/html; charset=ISO-8859-1
Content-Transfer-Encoding: quoted-printable

<meta http-equiv=3D"content-type" content=3D"text/html; charset=3Dutf-8"><p=
 style=3D"margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-le=
ft: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding=
-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-w=
idth: 0px; border-left-width: 0px; border-style: initial; border-color: ini=
tial; font-size: 14px; vertical-align: baseline; background-image: initial;=
 background-attachment: initial; background-origin: initial; background-cli=
p: initial; background-color: transparent; clear: both; word-wrap: break-wo=
rd; border-collapse: collapse; font-family: Arial, &#39;Liberation Sans&#39=
;, &#39;DejaVu Sans&#39;, sans-serif; line-height: 18px; ">

Hi,</p><p style=3D"margin-top: 0px; margin-right: 0px; margin-bottom: 1em; =
margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px=
; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border=
-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-c=
olor: initial; font-size: 14px; vertical-align: baseline; background-image:=
 initial; background-attachment: initial; background-origin: initial; backg=
round-clip: initial; background-color: transparent; clear: both; word-wrap:=
 break-word; border-collapse: collapse; font-family: Arial, &#39;Liberation=
 Sans&#39;, &#39;DejaVu Sans&#39;, sans-serif; line-height: 18px; ">

Is there any bug with the xul scrollbox?</p><p style=3D"margin-top: 0px; ma=
rgin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; pa=
dding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width:=
 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width:=
 0px; border-style: initial; border-color: initial; font-size: 14px; vertic=
al-align: baseline; background-image: initial; background-attachment: initi=
al; background-origin: initial; background-clip: initial; background-color:=
 transparent; clear: both; word-wrap: break-word; border-collapse: collapse=
; font-family: Arial, &#39;Liberation Sans&#39;, &#39;DejaVu Sans&#39;, san=
s-serif; line-height: 18px; ">

If you run this simple Xul example, you can see that when you scroll from t=
he last (3=B0) button to the first, using tab, the middle button disappear.=
 Any idea why? And how to fix?</p><p style=3D"margin-top: 0px; margin-right=
: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-righ=
t: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; bord=
er-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; bord=
er-style: initial; border-color: initial; font-size: 14px; vertical-align: =
baseline; background-image: initial; background-attachment: initial; backgr=
ound-origin: initial; background-clip: initial; background-color: transpare=
nt; clear: both; word-wrap: break-word; border-collapse: collapse; font-fam=
ily: Arial, &#39;Liberation Sans&#39;, &#39;DejaVu Sans&#39;, sans-serif; l=
ine-height: 18px; ">

<em style=3D"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin=
-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padd=
ing-left: 0px; border-top-width: 0px; border-right-width: 0px; border-botto=
m-width: 0px; border-left-width: 0px; border-style: initial; border-color: =
initial; font-size: 14px; vertical-align: baseline; background-image: initi=
al; background-attachment: initial; background-origin: initial; background-=
clip: initial; background-color: transparent; font-style: italic; backgroun=
d-position: initial initial; background-repeat: initial initial; ">(to run =
it you&#39;ll need to put an png image named &quot;img.png&quot; at content=
 folder)</em></p>

<p style=3D"margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-=
left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; paddi=
ng-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom=
-width: 0px; border-left-width: 0px; border-style: initial; border-color: i=
nitial; font-size: 14px; vertical-align: baseline; background-image: initia=
l; background-attachment: initial; background-origin: initial; background-c=
lip: initial; background-color: transparent; clear: both; word-wrap: break-=
word; border-collapse: collapse; font-family: Arial, &#39;Liberation Sans&#=
39;, &#39;DejaVu Sans&#39;, sans-serif; line-height: 18px; ">

<em style=3D"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin=
-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padd=
ing-left: 0px; border-top-width: 0px; border-right-width: 0px; border-botto=
m-width: 0px; border-left-width: 0px; border-style: initial; border-color: =
initial; font-size: 14px; vertical-align: baseline; background-image: initi=
al; background-attachment: initial; background-origin: initial; background-=
clip: initial; background-color: transparent; font-style: italic; backgroun=
d-position: initial initial; background-repeat: initial initial; "><br>

</em></p><p style=3D"margin-top: 0px; margin-right: 0px; margin-bottom: 1em=
; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0=
px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; bord=
er-bottom-width: 0px; border-left-width: 0px; border-style: initial; border=
-color: initial; font-size: 14px; vertical-align: baseline; background-imag=
e: initial; background-attachment: initial; background-origin: initial; bac=
kground-clip: initial; background-color: transparent; clear: both; word-wra=
p: break-word; border-collapse: collapse; font-family: Arial, &#39;Liberati=
on Sans&#39;, &#39;DejaVu Sans&#39;, sans-serif; line-height: 18px; ">

<strong style=3D"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; ma=
rgin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; =
padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-b=
ottom-width: 0px; border-left-width: 0px; border-style: initial; border-col=
or: initial; font-size: 14px; vertical-align: baseline; background-image: i=
nitial; background-attachment: initial; background-origin: initial; backgro=
und-clip: initial; background-color: transparent; font-weight: bold; backgr=
ound-position: initial initial; background-repeat: initial initial; ">test.=
xul</strong></p>

<font class=3D"Apple-style-span" face=3D"&#39;courier new&#39;, monospace">=
&lt;?xml-stylesheet href=3D&quot;chrome://test/content/test.css&quot; type=
=3D&quot;text/css&quot;?&gt;<br><br>&lt;window id=3D&quot;desktop&quot; tit=
le=3D&quot;test&quot; width=3D&quot;1280&quot; height=3D&quot;720&quot; xml=
ns=3D&quot;<a href=3D"http://www.mozilla.org/keymaster/gatekeeper/there.is.=
only.xul">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</a>=
&quot;&gt;<br>

<br>=A0=A0 =A0&lt;scrollbox&gt;<br>=A0=A0 =A0 =A0 =A0&lt;button image=3D&qu=
ot;chrome://test/content/img.png&quot; /&gt;<br>=A0=A0 =A0 =A0 =A0&lt;butto=
n image=3D&quot;chrome://test/content/img.png&quot; /&gt;<br>=A0=A0 =A0 =A0=
 =A0&lt;button image=3D&quot;chrome://test/content/img.png&quot; /&gt;<br>

=A0=A0 =A0&lt;/scrollbox&gt;<br><br>&lt;/window&gt;</font><br><p style=3D"m=
argin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; pa=
dding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;=
 border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; =
border-left-width: 0px; border-style: initial; border-color: initial; font-=
size: 14px; vertical-align: baseline; background-image: initial; background=
-attachment: initial; background-origin: initial; background-clip: initial;=
 background-color: transparent; clear: both; word-wrap: break-word; border-=
collapse: collapse; font-family: Arial, &#39;Liberation Sans&#39;, &#39;Dej=
aVu Sans&#39;, sans-serif; line-height: 18px; ">

<strong style=3D"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; ma=
rgin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; =
padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-b=
ottom-width: 0px; border-left-width: 0px; border-style: initial; border-col=
or: initial; font-size: 14px; vertical-align: baseline; background-image: i=
nitial; background-attachment: initial; background-origin: initial; backgro=
und-clip: initial; background-color: transparent; font-weight: bold; backgr=
ound-position: initial initial; background-repeat: initial initial; "><br>

</strong></p><p style=3D"margin-top: 0px; margin-right: 0px; margin-bottom:=
 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-botto=
m: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; =
border-bottom-width: 0px; border-left-width: 0px; border-style: initial; bo=
rder-color: initial; font-size: 14px; vertical-align: baseline; background-=
image: initial; background-attachment: initial; background-origin: initial;=
 background-clip: initial; background-color: transparent; clear: both; word=
-wrap: break-word; border-collapse: collapse; font-family: Arial, &#39;Libe=
ration Sans&#39;, &#39;DejaVu Sans&#39;, sans-serif; line-height: 18px; ">

<strong style=3D"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; ma=
rgin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; =
padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-b=
ottom-width: 0px; border-left-width: 0px; border-style: initial; border-col=
or: initial; font-size: 14px; vertical-align: baseline; background-image: i=
nitial; background-attachment: initial; background-origin: initial; backgro=
und-clip: initial; background-color: transparent; font-weight: bold; backgr=
ound-position: initial initial; background-repeat: initial initial; ">test.=
css</strong></p>

<font class=3D"Apple-style-span" face=3D"&#39;courier new&#39;, monospace">=
#desktop {<br>=A0=A0 =A0border-style:solid;<br>=A0=A0 =A0border-color:trans=
parent;<br>=A0=A0 =A0border-width:50px;<br>}<br><br>button {<br>=A0=A0 =A0p=
osition: absolute;<br>=A0=A0 =A0-moz-appearance: none;<br>

=A0=A0 =A0border: none;<br>=A0=A0 =A0background: url(&quot;&quot;); /* noth=
ing */<br>=A0=A0 =A0width: 128px;<br>=A0=A0 =A0height: 128px;<br>=A0=A0 =A0=
z-index: 1;<br>}<br><br>button image {<br>=A0=A0 =A0width: 64px;<br>=A0=A0 =
=A0height: 64px;<br>}<br><br>button:focus image {<br>

=A0=A0 =A0width: 128px;<br>=A0=A0 =A0height: 128px;<br>}<br><br>scrollbox {=
<br>=A0=A0 =A0background-color: #555555;<br>}</font><br><div><br></div><div=
><br></div><div><br></div><div>Best regards,</div><div><br></div><i><div st=
yle=3D"text-align:left">

<span style=3D"font-style:normal"><i>Wellington B. de Carvalho</i></span></=
div></i><br>

--0016e6dab063fe54610495a826b4--


--===============0259431594383158180==
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit
Content-Disposition: inline

------------------------------------------------------------------------------
Increase Visibility of Your 3D Game App & Earn a Chance To Win $500!
Tap into the largest installed PC base & get more eyes on your game by
optimizing for Intel(R) Graphics Technology. Get started today with the
Intel(R) Software Partner Program. Five $500 cash prizes are up for grabs.
http://p.sf.net/sfu/intelisp-dev2dev
--===============0259431594383158180==
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit
Content-Disposition: inline

_______________________________________________
XUL News Wire      - http://xulnews.com
XUL Job Postings   - http://xuljobs.com
Open XUL Alliance - http://xulalliance.org  
_______________________________________________
xul-talk mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/xul-talk

--===============0259431594383158180==--