Google hangouts is unsupported

[JSFernandes]

Hello and thanks for the fantastic extension,

After toying around with it in a bunch of places I have found that it does not work with Google hangouts. Here is an example of the DOM element where text is edited in GH:
<div id=":8g.f" class="vE dQ editable" aria-label=" Text entry field for [redacted]. History is on. " g_editable="true" role="textbox" contenteditable="true" dir="ltr" style="text-align: left;"></div>

I might give this a look during the weekend, but I'm creating an issue for reference purposes.

[jessepollak]

Thanks for this report — I really appreciate it! I've added Google Hangouts to the wiki here.

If you want to take a look this weekend, I'd be happy to provide backup :D

[JSFernandes]

Like I said, I started taking a look into this today. I figured out that the hangouts input is inside an iframe, such as this one:

<iframe src="https://hangouts.google.com/webchat/u/1/frame?v=[redacted]" frameborder="0" scrolling="no" class="a7A" width="262" height="379"></iframe>

Since this iframe points to hangouts.google.com, I think this makes it impossible to interact with the input from mail.google.com, due to CORS issues.

If I go to hangouts.google.com, I also get a similar iframe, but one whose DOM I can actually interact with, seeing as there are no CORS issues.

I'm now gonna look into ContentEditable.js and the the contenteditable standard. If you've got any good links to explain those, I'd greatly appreciate it.

[jessepollak]

Awesome, good research! I don't have any really great resources on contenteditable, but I'm happy to answer any questions you have may about ContentEditable.js!

[bgiesing]

@jessepollak @JSFernandes Here's some links with dev info and things you can do with it:
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_Editable
http://www.w3schools.com/tags/att_global_contenteditable.asp
https://medium.com/medium-eng/why-contenteditable-is-terrible-122d8a40e480
http://lifehacker.com/5980134/turn-any-browser-window-into-a-quick-edit-notepad
http://www.labnol.org/internet/design/edit-web-pages-like-wiki/3832/

[livejamie]

It's a long shot but I wanted to bump this