hailwood / jQuery-Tagit

The Jquery Tagit Plugin transforms an html unordered list into a unique tagging plugin.
264 stars 109 forks source link

Page shifts down after first tag is added #6

Closed hgilani closed 12 years ago

hgilani commented 13 years ago

As soon as first tag is added all the elements defined after the tag field shift down slightly. This can be observed in the demo page as well.

tagit-simple-grey.css has following CSS which seems to be causing this issue

ul.tagit li.tagit-choice {
    background-color: #f7f7f7;
    border: 1px solid #f2f2f2;
    padding: 2px 13px 3px 4px;
}

ul.tagit li.tagit-new {
    padding: 2px 4px 3px;
    padding: 2px 4px 1px;
    padding: 2px 4px 1px 0;
}

If the CSS rules are changed as following then this problem seems to go away.

ul.tagit li.tagit-choice {
    background-color: #f7f7f7;
    border: 1px solid #f2f2f2;
    padding: 2px 13px 1px 4px;
}

ul.tagit li.tagit-new {
    padding: 2px 4px 3px;
}

Also, I am noticing these CSS rules are defined differently for other theme colors.