{"action":"created","issue":{"url":"https://api.github.com/repos/drien/jquery-flipster/issues/82","repository_url":"https://api.github.com/repos/drien/jquery-flipster","labels_url":"https://api.github.com/repos/drien/jquery-flipster/issues/82/labels{/name}","comments_url":"https://api.github.com/repos/drien/jquery-flipster/issues/82/comments","events_url":"https://api.github.com/repos/drien/jquery-flipster/issues/82/events","html_url":"https://github.com/drien/jquery-flipster/issues/82","id":148789574,"number":82,"title":"HTML interaction on past and future items","user":{"login":"herecomesthesun","id":11964962,"avatar_url":"https://avatars.githubusercontent.com/u/11964962?v=3","gravatar_id":"","url":"https://api.github.com/users/herecomesthesun","html_url":"https://github.com/herecomesthesun","followers_url":"https://api.github.com/users/herecomesthesun/followers","following_url":"https://api.github.com/users/herecomesthesun/following{/other_user}","gists_url":"https://api.github.com/users/herecomesthesun/gists{/gist_id}","starred_url":"https://api.github.com/users/herecomesthesun/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/herecomesthesun/subscriptions","organizations_url":"https://api.github.com/users/herecomesthesun/orgs","repos_url":"https://api.github.com/users/herecomesthesun/repos","events_url":"https://api.github.com/users/herecomesthesun/events{/privacy}","received_events_url":"https://api.github.com/users/herecomesthesun/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2016-04-15T23:12:40Z","updated_at":"2016-04-18T19:02:13Z","closed_at":"2016-04-18T19:02:13Z","body":"When `flipster_item--past` or `flipster_item--future` contain interactive HTML elements, they still trigger interaction responses (hover states, clickable buttons, etc.). Not sure if this intended behavior.\r\n\r\n![image](https://cloud.githubusercontent.com/assets/11964962/14577114/9915bbc2-0324-11e6-9471-817a814c6711.png)\r\n\r\nIn the above example, the add to cart button works, the hover states (orange highlight) work, and the qty field is also interactable.\r\n\r\nEDIT: This workaround should work:\r\n`.flipster__item--future *, .flipster__item--past * { pointer-events: none; } `"},"comment":{"url":"https://api.github.com/repos/drien/jquery-flipster/issues/comments/211530912","html_url":"https://github.com/drien/jquery-flipster/issues/82#issuecomment-211530912","issue_url":"https://api.github.com/repos/drien/jquery-flipster/issues/82","id":211530912,"user":{"login":"shshaw","id":777155,"avatar_url":"https://avatars.githubusercontent.com/u/777155?v=3","gravatar_id":"","url":"https://api.github.com/users/shshaw","html_url":"https://github.com/shshaw","followers_url":"https://api.github.com/users/shshaw/followers","following_url":"https://api.github.com/users/shshaw/following{/other_user}","gists_url":"https://api.github.com/users/shshaw/gists{/gist_id}","starred_url":"https://api.github.com/users/shshaw/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/shshaw/subscriptions","organizations_url":"https://api.github.com/users/shshaw/orgs","repos_url":"https://api.github.com/users/shshaw/repos","events_url":"https://api.github.com/users/shshaw/events{/privacy}","received_events_url":"https://api.github.com/users/shshaw/received_events","type":"User","site_admin":false},"created_at":"2016-04-18T19:02:13Z","updated_at":"2016-04-18T19:02:13Z","body":"`:hover` effects, are allowed, yes, but if you have Flipster's  `click` option set to true, clicking the non-current flipster item should only switch to the item, not whatever the default action would be.\r\n\r\nIf you need to disable `:hover` states, then target specifically with CSS so that only the current item's content will have the hover state,\r\n\r\n```\r\n.flipster__item--current .button:hover { background: orange; }\r\n```\r\n\r\nOr use `pointer-events: none` like you have, though that may disable the click to switch option."}}