question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Typing indicator is out of its place on IE

See original GitHub issue

Screenshots

IMG2

Version

WebChat CDN v4.10.1 IE 11

Describe the bug

When WebChat action buttons has their text set to wrap in IE the typing indicator shows out op its place (please see the image above).

Steps to reproduce

  1. In WebChat, set button text to wrap.
  2. Run WebChat in IE and resize it so the button text wraps.
  3. Click on the buttons and perceed a few dialogs.
  4. See the typing indicator out of its place.

Expected behavior

The typing indicator always should appear at the bottom left corner of the WebChat.

CSS

// Allow button text to wrap
button > div:first-child {
  text-overflow: inherit !important;
  white-space: normal !important;
}

JS

this.directLine = this.webChat.createDirectLine({
          secret: this.settings.webChatSecret,
          webSocket: true// window.navigator.userAgent.indexOf('Trident/') === -1 // False if IE
});

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:11 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
stevkancommented, Oct 13, 2020

@arman-g, updating to let you know that I am still looking into a workaround. I have been discussing this with a colleague and am waiting on a response to a couple questions.

0reactions
stevkancommented, Nov 6, 2020

There is no ETA at this time. You can track what items have been added or updated via the change log as new releases occur.

Closing this as resolved. If the issue persists, please feel free to re-open.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Teams Typing Indicator - Microsoft Community Hub
I was wondering if anyone knew the pattern that the three dots on the teams typing indicator make. I'm not sure if it...
Read more >
What the 'Someone Is Typing' Bubbles in Messaging Apps ...
Whether it's a series of blinking ellipsis or an explicit notification that “someone's typing,” the messaging feature known as a typing ...
Read more >
How to Disable the iMessage Typing Bubble Indicator So ...
First, you could go to Settings –> Messages, then disable "iMessage," but that could mess iMessage up if there are any bugs. If...
Read more >
Add Typing Indicator background URL to defaultStyleOptions
I'd like to know if it is possible to change the typing indicator? If so can someone provide a code snippet or reference?...
Read more >
A Very Dumb Yet Amusing iMessage Prank: Infinite Typing ...
Here is the same image shown as a slightly larger size (ie; ... Oh and yes because the animated typing indicator is also...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found