{"action":"created","issue":{"url":"https://api.github.com/repos/ProseMirror/prosemirror/issues/308","repository_url":"https://api.github.com/repos/ProseMirror/prosemirror","labels_url":"https://api.github.com/repos/ProseMirror/prosemirror/issues/308/labels{/name}","comments_url":"https://api.github.com/repos/ProseMirror/prosemirror/issues/308/comments","events_url":"https://api.github.com/repos/ProseMirror/prosemirror/issues/308/events","html_url":"https://github.com/ProseMirror/prosemirror/issues/308","id":149738715,"number":308,"title":"List item marker disappears after typing on Mobile Safari","user":{"login":"krasnoukhov","id":944286,"avatar_url":"https://avatars.githubusercontent.com/u/944286?v=3","gravatar_id":"","url":"https://api.github.com/users/krasnoukhov","html_url":"https://github.com/krasnoukhov","followers_url":"https://api.github.com/users/krasnoukhov/followers","following_url":"https://api.github.com/users/krasnoukhov/following{/other_user}","gists_url":"https://api.github.com/users/krasnoukhov/gists{/gist_id}","starred_url":"https://api.github.com/users/krasnoukhov/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/krasnoukhov/subscriptions","organizations_url":"https://api.github.com/users/krasnoukhov/orgs","repos_url":"https://api.github.com/users/krasnoukhov/repos","events_url":"https://api.github.com/users/krasnoukhov/events{/privacy}","received_events_url":"https://api.github.com/users/krasnoukhov/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2016-04-20T11:16:38Z","updated_at":"2016-04-29T17:18:26Z","closed_at":null,"body":"Platform: Safari on iOS 9.3\r\nHow to reproduce:\r\n\r\n1. Create a list\r\n2. Tap return to create a new item\r\n3. Start typing, marker disappears\r\n\r\nThis is relevant for both types of lists.\r\n\r\nScreencast: https://monosnap.com/file/1ozIrW2YXBliZk9K5LSbP5JqlT3Y6S\r\n"},"comment":{"url":"https://api.github.com/repos/ProseMirror/prosemirror/issues/comments/215820060","html_url":"https://github.com/ProseMirror/prosemirror/issues/308#issuecomment-215820060","issue_url":"https://api.github.com/repos/ProseMirror/prosemirror/issues/308","id":215820060,"user":{"login":"krasnoukhov","id":944286,"avatar_url":"https://avatars.githubusercontent.com/u/944286?v=3","gravatar_id":"","url":"https://api.github.com/users/krasnoukhov","html_url":"https://github.com/krasnoukhov","followers_url":"https://api.github.com/users/krasnoukhov/followers","following_url":"https://api.github.com/users/krasnoukhov/following{/other_user}","gists_url":"https://api.github.com/users/krasnoukhov/gists{/gist_id}","starred_url":"https://api.github.com/users/krasnoukhov/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/krasnoukhov/subscriptions","organizations_url":"https://api.github.com/users/krasnoukhov/orgs","repos_url":"https://api.github.com/users/krasnoukhov/repos","events_url":"https://api.github.com/users/krasnoukhov/events{/privacy}","received_events_url":"https://api.github.com/users/krasnoukhov/received_events","type":"User","site_admin":false},"created_at":"2016-04-29T17:18:26Z","updated_at":"2016-04-29T17:18:26Z","body":"Thanks! I wasn't able to reproduce this on a website, so I started investigating and just found out what the cause is.\r\n\r\nThe thing is that I have `list-style: inherit !important` rule in app CSS, so the `dom.style.listStyle = \"square\"` basically does not update visual representation, since that rule has lower priority.\r\n\r\nHere is how it can be fixed:\r\n\r\n```javascript\r\nfunction iosHacks(dom) {\r\n  if (dom.nodeName == \"UL\" || dom.nodeName == \"OL\") {\r\n    let cssText = dom.style.cssText\r\n    dom.style.cssText = \"list-style: square !important;\"\r\n    window.getComputedStyle(dom).listStyle\r\n    dom.style.cssText = cssText\r\n  }\r\n}\r\n```\r\n\r\nHaving `!important` there would beat any external rules, which is desired behavior in order to get repainting actually work. Please let me know what you think!"}}