{"action":"created","issue":{"url":"https://api.github.com/repos/wet-boew/wet-boew/issues/6417","labels_url":"https://api.github.com/repos/wet-boew/wet-boew/issues/6417/labels{/name}","comments_url":"https://api.github.com/repos/wet-boew/wet-boew/issues/6417/comments","events_url":"https://api.github.com/repos/wet-boew/wet-boew/issues/6417/events","html_url":"https://github.com/wet-boew/wet-boew/issues/6417","id":53446665,"number":6417,"title":"Required Class on Strong tag not working","user":{"login":"CalvinRodo","id":87738,"avatar_url":"https://avatars.githubusercontent.com/u/87738?v=3","gravatar_id":"","url":"https://api.github.com/users/CalvinRodo","html_url":"https://github.com/CalvinRodo","followers_url":"https://api.github.com/users/CalvinRodo/followers","following_url":"https://api.github.com/users/CalvinRodo/following{/other_user}","gists_url":"https://api.github.com/users/CalvinRodo/gists{/gist_id}","starred_url":"https://api.github.com/users/CalvinRodo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/CalvinRodo/subscriptions","organizations_url":"https://api.github.com/users/CalvinRodo/orgs","repos_url":"https://api.github.com/users/CalvinRodo/repos","events_url":"https://api.github.com/users/CalvinRodo/events{/privacy}","received_events_url":"https://api.github.com/users/CalvinRodo/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-01-05T20:55:32Z","updated_at":"2015-01-05T21:40:16Z","closed_at":null,"body":"According to @pjackson28  in Issue #6281 the only tag in a label that needs a required class is the strong tag around the text (Required) like so: \r\n\r\n````html\r\n<div class=\"form-group\">\r\n  <label for=\"bar\">\r\n    Foo <strong class=\"required\">(required)</strong>\r\n  </label>\r\n  <input id=\"bar\" type=\"text\" required=\"true\" aria-required=\"true\" />\r\n</div>\r\n````\r\n\r\nhowever you need to have the class on the label for the red and italicizing to work like so:\r\n\r\n````html\r\n<div class=\"form-group has-error\">\r\n  <label class=\"required\" for=\"bar\">\r\n    Foo <strong>(required)</strong>\r\n    <span class=\"label label-danger\">Error #:  Error Message</span>\r\n  </label>\r\n  <input id=\"bar\" type=\"text\" required=\"true\" aria-required=\"true\" />\r\n</div>\r\n````\r\n\r\n\r\nYou can test this by going to http://wet-boew.github.io/v4.0-ci/demos/formvalid/formvalid-en.html viewing the source in something like firebug/chrome developer tools and removing the required class on the label, the strong tag will still have it and the styling goes away."},"comment":{"url":"https://api.github.com/repos/wet-boew/wet-boew/issues/comments/68786674","html_url":"https://github.com/wet-boew/wet-boew/issues/6417#issuecomment-68786674","issue_url":"https://api.github.com/repos/wet-boew/wet-boew/issues/6417","id":68786674,"user":{"login":"melodyma","id":6571996,"avatar_url":"https://avatars.githubusercontent.com/u/6571996?v=3","gravatar_id":"","url":"https://api.github.com/users/melodyma","html_url":"https://github.com/melodyma","followers_url":"https://api.github.com/users/melodyma/followers","following_url":"https://api.github.com/users/melodyma/following{/other_user}","gists_url":"https://api.github.com/users/melodyma/gists{/gist_id}","starred_url":"https://api.github.com/users/melodyma/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/melodyma/subscriptions","organizations_url":"https://api.github.com/users/melodyma/orgs","repos_url":"https://api.github.com/users/melodyma/repos","events_url":"https://api.github.com/users/melodyma/events{/privacy}","received_events_url":"https://api.github.com/users/melodyma/received_events","type":"User","site_admin":false},"created_at":"2015-01-05T21:40:15Z","updated_at":"2015-01-05T21:40:15Z","body":"I suggest that the strong tag be changed to a span tag and update the SCSS accordingly. The SCSS nesting may be deeper than necessary too. \r\n\r\n```html\r\n<div class=\"form-group\">\r\n  <label for=\"bar\">\r\n    Foo <span class=\"required\">(required)</span>\r\n  </label>\r\n  <input id=\"bar\" type=\"text\" required=\"true\" aria-required=\"true\" />\r\n</div> \r\n```"}}