{"action":"created","issue":{"url":"https://api.github.com/repos/primefaces/primefaces/issues/1154","repository_url":"https://api.github.com/repos/primefaces/primefaces","labels_url":"https://api.github.com/repos/primefaces/primefaces/issues/1154/labels{/name}","comments_url":"https://api.github.com/repos/primefaces/primefaces/issues/1154/comments","events_url":"https://api.github.com/repos/primefaces/primefaces/issues/1154/events","html_url":"https://github.com/primefaces/primefaces/issues/1154","id":133929250,"number":1154,"title":"<p:spinner>'s width cannot be set properly via CSS ","user":{"login":"cnsgithub","id":13161711,"avatar_url":"https://avatars.githubusercontent.com/u/13161711?v=3","gravatar_id":"","url":"https://api.github.com/users/cnsgithub","html_url":"https://github.com/cnsgithub","followers_url":"https://api.github.com/users/cnsgithub/followers","following_url":"https://api.github.com/users/cnsgithub/following{/other_user}","gists_url":"https://api.github.com/users/cnsgithub/gists{/gist_id}","starred_url":"https://api.github.com/users/cnsgithub/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cnsgithub/subscriptions","organizations_url":"https://api.github.com/users/cnsgithub/orgs","repos_url":"https://api.github.com/users/cnsgithub/repos","events_url":"https://api.github.com/users/cnsgithub/events{/privacy}","received_events_url":"https://api.github.com/users/cnsgithub/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2016-02-16T09:33:05Z","updated_at":"2016-04-04T11:08:15Z","closed_at":null,"body":"Hi, the <p:spinner> component has a uncomfortable behavior when it is being styled via CSS. For example a simple width attribute, causes the controls to grow, but not the inner <input> tag accordingly.\r\n\r\n`<p:spinner id=\"basic\" value=\"5445\" style=\"width: 100%;\"/>`\r\n\r\nI know there is also the size attribute, but this can't be used when i just want the component to \"fill\" something, as it doesn't support percentages. Hardcoded 'px' values cause the same behavior.\r\n\r\nJust setting the inner <input> width to the same value is also problematic as it isn't exactly the same width as the outer span. A (Javascript) workaround would be to get the spans width, subtract the 16px of the control anchor and all the other things causing it to grow more than needed (padding, margins etc). Using JS manually to style a jsf-component isnt really nice though.\r\n\r\n ![Image of bug](http://abload.de/img/primefkkw0.png)\r\n\r\nHope there will be a better way in future..\r\n\r\nExpected\r\n\r\n ![Image of bug](http://abload.de/img/expectedr3jtu.png)\r\n\r\nRegards"},"comment":{"url":"https://api.github.com/repos/primefaces/primefaces/issues/comments/205245971","html_url":"https://github.com/primefaces/primefaces/issues/1154#issuecomment-205245971","issue_url":"https://api.github.com/repos/primefaces/primefaces/issues/1154","id":205245971,"user":{"login":"cnsgithub","id":13161711,"avatar_url":"https://avatars.githubusercontent.com/u/13161711?v=3","gravatar_id":"","url":"https://api.github.com/users/cnsgithub","html_url":"https://github.com/cnsgithub","followers_url":"https://api.github.com/users/cnsgithub/followers","following_url":"https://api.github.com/users/cnsgithub/following{/other_user}","gists_url":"https://api.github.com/users/cnsgithub/gists{/gist_id}","starred_url":"https://api.github.com/users/cnsgithub/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cnsgithub/subscriptions","organizations_url":"https://api.github.com/users/cnsgithub/orgs","repos_url":"https://api.github.com/users/cnsgithub/repos","events_url":"https://api.github.com/users/cnsgithub/events{/privacy}","received_events_url":"https://api.github.com/users/cnsgithub/received_events","type":"User","site_admin":false},"created_at":"2016-04-04T11:08:14Z","updated_at":"2016-04-04T11:08:14Z","body":"I agree, the idea of using jsf-components should be that they behave as expected ootb. If we have to start using plain HTML tags around them to fix things it makes the code ugly and one might ask why to use JSF at all if too often i have to write pure JSF / CSS HTML to fix things anyway. (Not just this issue, but the general concept of considering an issue fixed when there is a workaround seems to be very common) \r\n\r\n"}}