Skip to content
This repository

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

Closed
davidlilin opened this Issue June 28, 2012 · 2 comments

3 participants

davidlilin Jasper de Groot Anne-Gaelle Colom
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 uGoMobi closed this issue from a commit July 01, 2012
Jasper de Groot 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 uGoMobi closed this in bd5b4a7 July 01, 2012
Jasper de Groot
Owner

@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 uGoMobi referenced this issue from a commit July 01, 2012
Jasper de Groot 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 July 30, 2012
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.