search

dmitrizzle / chat-bubble

Simple chatbot UI for the Web with JSON scripting 👋🤖🤙
MIT License
579 stars 171 forks source link

Support for Firefox and Edge #57

Open JensThanx opened 6 years ago

JensThanx commented 6 years ago

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.

ff-input

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.

edge-options

edge-keyboards

dmitrizzle commented 6 years ago

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

dcmul commented 5 years ago

Did anyone have any luck with this?

dmitrizzle commented 5 years ago

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 commented 4 years ago

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