{"html_url": "https://github.com/simonw/datasette/issues/978#issuecomment-700320480", "issue_url": "https://api.github.com/repos/simonw/datasette/issues/978", "id": 700320480, "node_id": "MDEyOklzc3VlQ29tbWVudDcwMDMyMDQ4MA==", "user": {"value": 9599, "label": "simonw"}, "created_at": "2020-09-28T22:39:18Z", "updated_at": "2020-09-28T22:39:18Z", "author_association": "OWNER", "body": "```python\r\ndef escape_css_string(s):\r\n    return _css_re.sub(lambda m: \"\\\\\" + (\"{:X}\".format(ord(m.group())).zfill(6)), s)\r\n```\r\nThat fixes it:\r\n<img width=\"363\" alt=\"data__select_dateutil_parse__10_october_2020_3pm____dateutil_easter__2020____dateutil_parse_fuzzy__This_is_due_10_september____dateutil_parse__1_2_2020____dateutil_parse__2020-03-04____dateutil_parse_dayfirst__2020-03-04____dateutil_easter_\" src=\"https://user-images.githubusercontent.com/9599/94493173-c23b6680-01a0-11eb-9468-e972c51b015c.png\">\r\n", "reactions": "{\"total_count\": 0, \"+1\": 0, \"-1\": 0, \"laugh\": 0, \"hooray\": 0, \"confused\": 0, \"heart\": 0, \"rocket\": 0, \"eyes\": 0}", "issue": {"value": 710506708, "label": "Rendering glitch with column headings on mobile"}, "performed_via_github_app": null}
{"html_url": "https://github.com/simonw/datasette/issues/978#issuecomment-700319656", "issue_url": "https://api.github.com/repos/simonw/datasette/issues/978", "id": 700319656, "node_id": "MDEyOklzc3VlQ29tbWVudDcwMDMxOTY1Ng==", "user": {"value": 9599, "label": "simonw"}, "created_at": "2020-09-28T22:36:44Z", "updated_at": "2020-09-28T22:36:44Z", "author_association": "OWNER", "body": "Weirdly even those leading 0s doesn't fix it:\r\n\r\n<img width=\"600\" alt=\"Real-time_HTML_Editor_and_Using_character_escapes_in_markup_and_CSS\" src=\"https://user-images.githubusercontent.com/9599/94492937-44775b00-01a0-11eb-9c5f-e991af620404.png\">\r\n\r\nBut... padding to six characters does! See https://www.w3.org/International/questions/qa-escapes\r\n\r\n<img width=\"607\" alt=\"Real-time_HTML_Editor_and_Using_character_escapes_in_markup_and_CSS\" src=\"https://user-images.githubusercontent.com/9599/94492988-61139300-01a0-11eb-8304-bffe448c7d2b.png\">\r\n\r\n```\r\nIn [32]: print('\\\\' + \"{:X}\".format(ord('\"')).zfill(6))\r\n\\000022\r\n```", "reactions": "{\"total_count\": 0, \"+1\": 0, \"-1\": 0, \"laugh\": 0, \"hooray\": 0, \"confused\": 0, \"heart\": 0, \"rocket\": 0, \"eyes\": 0}", "issue": {"value": 710506708, "label": "Rendering glitch with column headings on mobile"}, "performed_via_github_app": null}
{"html_url": "https://github.com/simonw/datasette/issues/978#issuecomment-700317760", "issue_url": "https://api.github.com/repos/simonw/datasette/issues/978", "id": 700317760, "node_id": "MDEyOklzc3VlQ29tbWVudDcwMDMxNzc2MA==", "user": {"value": 9599, "label": "simonw"}, "created_at": "2020-09-28T22:30:25Z", "updated_at": "2020-09-28T22:30:25Z", "author_association": "OWNER", "body": "```python\r\nprint('\\\\' + \"{:X}\".format(ord('\"')).zfill(4))\r\n\\0022\r\n```", "reactions": "{\"total_count\": 0, \"+1\": 0, \"-1\": 0, \"laugh\": 0, \"hooray\": 0, \"confused\": 0, \"heart\": 0, \"rocket\": 0, \"eyes\": 0}", "issue": {"value": 710506708, "label": "Rendering glitch with column headings on mobile"}, "performed_via_github_app": null}
{"html_url": "https://github.com/simonw/datasette/issues/978#issuecomment-700316511", "issue_url": "https://api.github.com/repos/simonw/datasette/issues/978", "id": 700316511, "node_id": "MDEyOklzc3VlQ29tbWVudDcwMDMxNjUxMQ==", "user": {"value": 9599, "label": "simonw"}, "created_at": "2020-09-28T22:26:38Z", "updated_at": "2020-09-28T22:26:38Z", "author_association": "OWNER", "body": "The fix may be to use `\\0022` instead of `\\22`.", "reactions": "{\"total_count\": 0, \"+1\": 0, \"-1\": 0, \"laugh\": 0, \"hooray\": 0, \"confused\": 0, \"heart\": 0, \"rocket\": 0, \"eyes\": 0}", "issue": {"value": 710506708, "label": "Rendering glitch with column headings on mobile"}, "performed_via_github_app": null}
{"html_url": "https://github.com/simonw/datasette/issues/978#issuecomment-700314509", "issue_url": "https://api.github.com/repos/simonw/datasette/issues/978", "id": 700314509, "node_id": "MDEyOklzc3VlQ29tbWVudDcwMDMxNDUwOQ==", "user": {"value": 9599, "label": "simonw"}, "created_at": "2020-09-28T22:20:51Z", "updated_at": "2020-09-28T22:20:51Z", "author_association": "OWNER", "body": "Here's the HTML for the broken example above:\r\n```html\r\n<style>\r\n@media only screen and (max-width: 576px) {\r\n\r\n    .rows-and-columns td:nth-of-type(1):before { content: \"dateutil_parse(\\2210 october 2020 3pm\\22)\"; }\r\n\r\n    .rows-and-columns td:nth-of-type(2):before { content: \"dateutil_easter(\\222020\\22)\"; }\r\n\r\n    .rows-and-columns td:nth-of-type(3):before { content: \"dateutil_parse_fuzzy(\\22This is due 10 september\\22)\"; }\r\n\r\n    .rows-and-columns td:nth-of-type(4):before { content: \"dateutil_parse(\\221/2/2020\\22)\"; }\r\n\r\n    .rows-and-columns td:nth-of-type(5):before { content: \"dateutil_parse(\\222020-03-04\\22)\"; }\r\n\r\n    .rows-and-columns td:nth-of-type(6):before { content: \"dateutil_parse_dayfirst(\\222020-03-04\\22)\"; }\r\n\r\n    .rows-and-columns td:nth-of-type(7):before { content: \"dateutil_easter(2020)\"; }\r\n\r\n}\r\n</style>\r\n```\r\nThe glitch affects the ones where the quote is followed by digits.", "reactions": "{\"total_count\": 0, \"+1\": 0, \"-1\": 0, \"laugh\": 0, \"hooray\": 0, \"confused\": 0, \"heart\": 0, \"rocket\": 0, \"eyes\": 0}", "issue": {"value": 710506708, "label": "Rendering glitch with column headings on mobile"}, "performed_via_github_app": null}
{"html_url": "https://github.com/simonw/datasette/issues/978#issuecomment-700313836", "issue_url": "https://api.github.com/repos/simonw/datasette/issues/978", "id": 700313836, "node_id": "MDEyOklzc3VlQ29tbWVudDcwMDMxMzgzNg==", "user": {"value": 9599, "label": "simonw"}, "created_at": "2020-09-28T22:19:05Z", "updated_at": "2020-09-28T22:19:05Z", "author_association": "OWNER", "body": "Looks like a bug in this function: https://github.com/simonw/datasette/blob/1f021c37110fc9019b0ef70062c28c335e568ae2/datasette/utils/__init__.py#L269-L274", "reactions": "{\"total_count\": 0, \"+1\": 0, \"-1\": 0, \"laugh\": 0, \"hooray\": 0, \"confused\": 0, \"heart\": 0, \"rocket\": 0, \"eyes\": 0}", "issue": {"value": 710506708, "label": "Rendering glitch with column headings on mobile"}, "performed_via_github_app": null}