{"action":"created","issue":{"url":"https://api.github.com/repos/artf/grapesjs/issues/1224","repository_url":"https://api.github.com/repos/artf/grapesjs","labels_url":"https://api.github.com/repos/artf/grapesjs/issues/1224/labels{/name}","comments_url":"https://api.github.com/repos/artf/grapesjs/issues/1224/comments","events_url":"https://api.github.com/repos/artf/grapesjs/issues/1224/events","html_url":"https://github.com/artf/grapesjs/issues/1224","id":334221688,"node_id":"MDU6SXNzdWUzMzQyMjE2ODg=","number":1224,"title":"[Bug] Media query and classes rendering issue","user":{"login":"peakrams","id":18102402,"node_id":"MDQ6VXNlcjE4MTAyNDAy","avatar_url":"https://avatars2.githubusercontent.com/u/18102402?v=4","gravatar_id":"","url":"https://api.github.com/users/peakrams","html_url":"https://github.com/peakrams","followers_url":"https://api.github.com/users/peakrams/followers","following_url":"https://api.github.com/users/peakrams/following{/other_user}","gists_url":"https://api.github.com/users/peakrams/gists{/gist_id}","starred_url":"https://api.github.com/users/peakrams/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/peakrams/subscriptions","organizations_url":"https://api.github.com/users/peakrams/orgs","repos_url":"https://api.github.com/users/peakrams/repos","events_url":"https://api.github.com/users/peakrams/events{/privacy}","received_events_url":"https://api.github.com/users/peakrams/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2018-06-20T19:40:54Z","updated_at":"2018-09-04T22:41:19Z","closed_at":null,"author_association":"NONE","body":"Hi,\r\n\r\nI was trying to make a responsive layout but I discovered that the device switcher does not work consistently. The issue can be replicated in the official demo.\r\n\r\nOpen http://grapesjs.com/demo.html\r\nKeep the \"Desktop\" as the selected device.\r\nAdd at the top of the \"Header\" 2 block of type \"2 Columns\" (just above the menu).\r\nSelect the first \"Row\" inserted and set its padding-left to 100px.\r\nSelect the second \"Row\" inserted and set its padding-left to 100px.\r\nSwitch to the device \"Tablet\".\r\nAdd the class \"np\" to the selected \"Row\" (switching the device does not deselect it) and change its padding to 10px.\r\nSelect the first \"Row\" and add the class np.\r\n\r\nThe rendered padding-left is not updated, it is 100px, while I expect it to become 10. NOT good.\r\n\r\nSwitch the device to \"Desktop\", the padding-left of both rows is 100px. Good.\r\nSwitch the device to \"Tablet\", the padding-left of both rows is 10px. Good.\r\nSwitching multiple times all the devices the padding-left is updated correctly. Good.\r\n\r\n\r\nAnother example.\r\n\r\n\r\nOpen http://grapesjs.com/demo.html\r\nKeep the \"Desktop\" as the selected device.\r\nAdd at the top of the \"Header\" 2 block of type \"2 Columns\" (just above the menu).\r\nSelect the first \"Row\" inserted and set its padding-left to 100px.\r\nSelect the second \"Row\" inserted and set its padding-left to 100px.\r\nSwitch to the device \"Tablet\".\r\nAdd the class \"np\" to the selected \"Row\" (switching the device does not deselect it) and change its padding to 10px.\r\nSelect the first \"Row\" and add the class np.\r\n\r\nThe rendered padding-left is not updated, it is 100px, while I expect it to become 10.\r\n\r\nSwitch the device to \"Smartphone\", the padding-left of both rows is 100px. NOT Good.\r\nSwitch the device to \"Tablet\", the padding-left of both rows is 10px. Good.\r\nSwitch the device to \"Desktop\", the padding-left of both rows is 10px. NOT Good.\r\nSwitching multiple time does not solve the issue. NOT Good.\r\n"},"comment":{"url":"https://api.github.com/repos/artf/grapesjs/issues/comments/418540937","html_url":"https://github.com/artf/grapesjs/issues/1224#issuecomment-418540937","issue_url":"https://api.github.com/repos/artf/grapesjs/issues/1224","id":418540937,"node_id":"MDEyOklzc3VlQ29tbWVudDQxODU0MDkzNw==","user":{"login":"artf","id":11614725,"node_id":"MDQ6VXNlcjExNjE0NzI1","avatar_url":"https://avatars0.githubusercontent.com/u/11614725?v=4","gravatar_id":"","url":"https://api.github.com/users/artf","html_url":"https://github.com/artf","followers_url":"https://api.github.com/users/artf/followers","following_url":"https://api.github.com/users/artf/following{/other_user}","gists_url":"https://api.github.com/users/artf/gists{/gist_id}","starred_url":"https://api.github.com/users/artf/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/artf/subscriptions","organizations_url":"https://api.github.com/users/artf/orgs","repos_url":"https://api.github.com/users/artf/repos","events_url":"https://api.github.com/users/artf/events{/privacy}","received_events_url":"https://api.github.com/users/artf/received_events","type":"User","site_admin":false},"created_at":"2018-09-04T22:41:19Z","updated_at":"2018-09-04T22:41:19Z","author_association":"OWNER","body":"@peakrams, unfortunately, no one worked on this"}}
{"actor":{"display_login":"artf"}}