{"action":"created","issue":{"url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue/issues/1626","repository_url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue","labels_url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue/issues/1626/labels{/name}","comments_url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue/issues/1626/comments","events_url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue/issues/1626/events","html_url":"https://github.com/bootstrap-vue/bootstrap-vue/issues/1626","id":298748019,"number":1626,"title":"Button pressed state not observed","user":{"login":"mhldtna","id":32778184,"avatar_url":"https://avatars1.githubusercontent.com/u/32778184?v=4","gravatar_id":"","url":"https://api.github.com/users/mhldtna","html_url":"https://github.com/mhldtna","followers_url":"https://api.github.com/users/mhldtna/followers","following_url":"https://api.github.com/users/mhldtna/following{/other_user}","gists_url":"https://api.github.com/users/mhldtna/gists{/gist_id}","starred_url":"https://api.github.com/users/mhldtna/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mhldtna/subscriptions","organizations_url":"https://api.github.com/users/mhldtna/orgs","repos_url":"https://api.github.com/users/mhldtna/repos","events_url":"https://api.github.com/users/mhldtna/events{/privacy}","received_events_url":"https://api.github.com/users/mhldtna/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-02-20T21:05:15Z","updated_at":"2018-02-20T22:08:49Z","closed_at":null,"author_association":"NONE","body":"According to the [button doc](https://bootstrap-vue.js.org/docs/components/button), the \"ring\" around a button should track the state of the \"pressed\" prop when you use the :sync modifier.  But it doesn't work.\r\n\r\nI noticed this on my own code, then went back and scrutinized the documentation page referenced above.  What I see with the \"Toggle Me\" example is what I observe in my code: the \"ring\" around the button shows up when you first click on the button and the pressed state shown below the button says \"true\". But then you can click on the button all you want, with the pressed state toggling between \"true\" and \"false\", but the ring around the button remains."},"comment":{"url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue/issues/comments/367137659","html_url":"https://github.com/bootstrap-vue/bootstrap-vue/issues/1626#issuecomment-367137659","issue_url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue/issues/1626","id":367137659,"user":{"login":"mhldtna","id":32778184,"avatar_url":"https://avatars1.githubusercontent.com/u/32778184?v=4","gravatar_id":"","url":"https://api.github.com/users/mhldtna","html_url":"https://github.com/mhldtna","followers_url":"https://api.github.com/users/mhldtna/followers","following_url":"https://api.github.com/users/mhldtna/following{/other_user}","gists_url":"https://api.github.com/users/mhldtna/gists{/gist_id}","starred_url":"https://api.github.com/users/mhldtna/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mhldtna/subscriptions","organizations_url":"https://api.github.com/users/mhldtna/orgs","repos_url":"https://api.github.com/users/mhldtna/repos","events_url":"https://api.github.com/users/mhldtna/events{/privacy}","received_events_url":"https://api.github.com/users/mhldtna/received_events","type":"User","site_admin":false},"created_at":"2018-02-20T22:08:49Z","updated_at":"2018-02-20T22:08:49Z","author_association":"NONE","body":"I'm using Google Chrome Version 64.0.3282.167 (Official Build) (64-bit).\r\n\r\nI hadn't notice the darkening effect.  If that's the \"pressed\" indicator, I need to make it more effective.\r\n\r\nSo now my question is: how do I make the \"selected\" effect come and go like the \"pressed\" indicator?"}}
{"actor":{"display_login":"mhldtna"}}