Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

search input on header: clear button's position isn't correct when I input some characters #4619

Closed
davidlilin opened this Issue · 2 comments

3 participants

davidlilin Anne-Gaelle Colom Jasper de Groot
davidlilin

If i put search input on header/footer, after i type in some letters in search input, you will see the clear button will display on the outside of input field.

http://jsbin.com/udukel/5/

Anne-Gaelle Colom
Collaborator

@davidlilin Thanks a lot for the test page. I confirm the issue.

@uGoMobi @toddparker This seems to be due to the padding rule in:

.ui-header .ui-fullsize .ui-btn-inner, .ui-footer .ui-fullsize .ui-btn-inner {
font-size: 16px;
padding: 0.6em 25px;
}

Jasper de Groot jaspermdegroot closed this issue from a commit
Jasper de Groot jaspermdegroot Buttons: Adjusted CSS selector for fullsize button in toolbar. Fixes #…
…4619 - Search input clear button gets unwanted padding when in header/footer. [1.1.2.]
bd5b4a7
Jasper de Groot

@davidlilin

This fix came just too late to make into the 1.1.1. release. As a temporary fix you can add this to your custom CSS:

.ui-input-clear .ui-btn-inner { padding: 0 !important; }
Jasper de Groot jaspermdegroot referenced this issue from a commit
Jasper de Groot jaspermdegroot Buttons: Adjusted CSS selector for fullsize button in toolbar. Fixes #…
…4619 - Search input clear button gets unwanted padding when in header/footer. [1.1.2.]
cbea74a
Elliot Smith townxelliot referenced this issue from a commit
Commit has since been removed from the repository and is no longer available.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.