Typing indicator is out of its place on IE
See original GitHub issueScreenshots
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
- In WebChat, set button text to wrap.
- Run WebChat in IE and resize it so the button text wraps.
- Click on the buttons and perceed a few dialogs.
- 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:
- Created 3 years ago
- Comments:11 (1 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@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.
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.