(This is for feature requests and bugs in Struts2 jQuery Plugin - for getting help, please use the User Group. http://groups.google.com/group/struts2-jquery )

What steps will reproduce the problem? 1. Use Chrome to browser the spinner showcase

What is the expected output? What do you see instead? Expected Spinner up/down button appear on the right side of the text box

Actual Spinner up/down appear on the left-top corner of the parent layers

Which struts2 version? 2.2.1

Which struts2-jquery plugin version? 3.1.0

Please provide any additional information below.

This seems to be happening on first load. reloading the page fixes the problem

Overriding the following css styles seems to fixed the problem in Chrome. .ui-spinner {position: relative} .ui-spinner-buttons {position: absolute} .ui-spinner-button {overflow: hidden}

Issue 644 has been merged into this issue.

I try out your posted css styles, but they does not solve this bug for me.

If I put the aforementioned styles in the spinner.jsp in the showcase, enclosed inside a style tag, it fixes the problem. Have you try that?

May be the style has to be applied after the ui.spinner.css set by the theme. I am not sure why if fixes the problem though.

after fixing this in Chrome I cant set spinner width css properties in % (in px works).

cssStyle="margin: 0;width:25%;"/>

▲▼