{"action":"closed","issue":{"url":"https://api.github.com/repos/elastic/kibana/issues/12523","repository_url":"https://api.github.com/repos/elastic/kibana","labels_url":"https://api.github.com/repos/elastic/kibana/issues/12523/labels{/name}","comments_url":"https://api.github.com/repos/elastic/kibana/issues/12523/comments","events_url":"https://api.github.com/repos/elastic/kibana/issues/12523/events","html_url":"https://github.com/elastic/kibana/issues/12523","id":238973247,"node_id":"MDU6SXNzdWUyMzg5NzMyNDc=","number":12523,"title":"[Design] Leverage angular form validation styles when present","user":{"login":"chrisronline","id":56682,"node_id":"MDQ6VXNlcjU2Njgy","avatar_url":"https://avatars1.githubusercontent.com/u/56682?v=4","gravatar_id":"","url":"https://api.github.com/users/chrisronline","html_url":"https://github.com/chrisronline","followers_url":"https://api.github.com/users/chrisronline/followers","following_url":"https://api.github.com/users/chrisronline/following{/other_user}","gists_url":"https://api.github.com/users/chrisronline/gists{/gist_id}","starred_url":"https://api.github.com/users/chrisronline/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/chrisronline/subscriptions","organizations_url":"https://api.github.com/users/chrisronline/orgs","repos_url":"https://api.github.com/users/chrisronline/repos","events_url":"https://api.github.com/users/chrisronline/events{/privacy}","received_events_url":"https://api.github.com/users/chrisronline/received_events","type":"User","site_admin":false},"labels":[{"id":271062529,"node_id":"MDU6TGFiZWwyNzEwNjI1Mjk=","url":"https://api.github.com/repos/elastic/kibana/labels/:Design","name":":Design","color":"fef2c0","default":false},{"id":135902874,"node_id":"MDU6TGFiZWwxMzU5MDI4NzQ=","url":"https://api.github.com/repos/elastic/kibana/labels/discuss","name":"discuss","color":"fbca04","default":false}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2017-06-27T20:31:24Z","updated_at":"2018-10-05T16:50:50Z","closed_at":"2018-10-05T16:50:50Z","author_association":"CONTRIBUTOR","body":"Related to #12153\r\n\r\n## Summary\r\nIn the following screenshot, the select field is invalid but also untouched (per Angular form validation conventions). The default styling leverages [browser validation](https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid) which is more appropriate as a whole for Kibana but there should be framework-specific overrides that provide a better UX for how that framework handles form validation.\r\n\r\n<img width=\"1366\" alt=\"screen shot 2017-06-27 at 4 05 16 pm\" src=\"https://user-images.githubusercontent.com/56682/27608471-ad9e67d0-5b55-11e7-9c33-e8679c38956a.png\">\r\n\r\nSo, in this case, maybe a rule like this is a better UX since the user hasn't blurred or interacted with the select field yet.\r\n```\r\n.ng-invalid.ng-untouched {\r\n  border-color: inherit !important;\r\n}\r\n```\r\n"}}
{"actor":{"display_login":"cchaos"}}