Extreme glitchiness (pardon the pun with this file https://glitch.com/edit/#!/emoji-mascot-generator?path=server.js:87:6
Steps for me to reproduce the issues:
1: Highlight/selection issue
Load in Chrome
Remix from https://glitch.com/edit/#!/twitterbot-autorespond?path=README.md:1:100
(Expected: stays highlighted. Actual: Removes selection immediately)
This broke everything else that used highlighting too: copy/paste, ask for help, etc.
2: Mismatch between front-end and server
I loaded in Safari to see if it was the project or the browser
Everything was out of order. It was as if all my attempts to copy/paste or delete had succeeded on the backend but not the front end, resulting in a dozen or so blocks of code being out of order. Then I refreshed in Chrome and saw the same out of order view.
Editing only in Safari seems to have fixed this. I started over from scratch but man, what a bug.
More evidence for my “front-end/back-end mistmatch” theory is that I was getting nonsensical errors in the logs in Chrome. (“parse error: Objects must consist of key:value pairs at line 13, column 2”). There was no syntax error in Chrome (I put the entire object declaration through lint - not just that line - and I even tried rewriting from scratch). Everything passed. However when the mangled code loaded in Safari, it was obvious that there were many parse errors.
Per Anil’s question on Twitter, I do have some chrome extensions that can modify the page (though I’ve never had issues like JS or HTML interference before). Namely: Ad Block Plus, Amazon Wish List, LastPass, Highly, Pocket, Pinterest, The Great Suspender, Video Speed Controller, and MetaMask. Safari only has LastPass installed.