FileUploadField browse button invisibly extends beyond "Browse..." Button boundaries

[FEAT]

Hi!

Adding a FileUploadField, the area with which I can open the file browse dialog extends to the right of the button. The FileUploadField shows shows this behavior under Firefox 9.01 and Chrome 16.0.912.75 m. IE 8 works fine.

Example:


<container:HorizontalLayoutContainer height="24">
<container:child layoutData="{innerHorizontalLayout}">
<form:FormPanel ui:field="masterLanguagePackSourceForm"
method="POST" encoding="MULTIPART" action="cgitranslator/uploadService">
<form:FieldLabel text="Language Pack">
<form:widget>
<form:FileUploadField ui:field="masterLanguagePackSourcePath" />
</form:widget>
</form:FieldLabel>
</form:FormPanel>
</container:child>
<container:child>
<button:TextButton ui:field="masterLanguagePackSourceUploadButton"
text="Upload" />
</container:child>
</container:HorizontalLayoutContainer>


On the following screenshot (code above) I have a button placed to the right. If I click this button, the file selection dialog opens.

30941

Under Opera 11.60, the browse button is vertically shifted down (see following screenshot), otherwise functionality as expected.

30942




Best Regards,
Peter

[FEAT]

This bug is still open in beta 4. It can be verified under

http://staging.sencha.com:8080/examples-dev/#ExamplePlace:fileupload

If you click to the right of the browse button, the file selection dialog opens. If you place a button to this position, also the file selection dialog opens and the button positioned there is not triggered.

Best Regards,
Peter

[WesleyMoy]

Thanks for the report. I've been able to replicate this behaviour locally, so I've filed a ticket against the team. I'll post a reply here with any changes we make.

[FEAT]

This bug is still not fixed in 3.0.0b Commercial.

[strootman]

I've run into this bug as well. Does anyone have a workaround?

[ivan immanuel]

Any Updates on this issue.