Support for Firefox and Edge

[JensThanx]

Chat Bubble is not presented correctly in both Edge and Firefox. I would be great if it could be compatible with all major browsers.

Firefox:

Use example 3, with keyboard input. The chat bubbles will flow under the text input area, being barely visible and hardly clickable.

Edge:

Use example 6. See that for a number of possible answers only one is visible. The other options are clickable but invisible, making it impossible for a user to understand their meaning. Also, in example 3 chat bubbles slightly flow under the input area.

[dmitrizzle]

I don't have access to Edge browsers, would certainly love a PR ;)

[dcmul]

Did anyone have any luck with this?

[dmitrizzle]

I think this is a CSS issue that shouldn't be too difficult to solve. I don't own a PC, so if this is to be solved someone with a Windows machine will need to contribute.

[eokwara]

Hi Dmitrizzle, I am using your chatbubble. I notice that when I use it in a frame, the width of the say bubble reduces (see link https://ibb.co/kVn3Fdr ). I also notice that bubbleContent.offsetWidth in bubble.js for "say" is zero when i test it. This problem does not happen when running chat bubble outside of the frame and on a standalone. Can you assist me here? What do i need to adjust to fix this issue? Here is the link to screenshot: https://ibb.co/kVn3Fdr