Skip to content

RTL: Bubble nub with border radius #2904

@compulim

Description

@compulim

Screenshots

image

Version

corinagum/1976-RTL

Describe the bug

Bubble nub + border radius is not correctly set.

The border radius on the bubble nub corner is tuned to be smaller.

Steps to reproduce

window.WebChat.renderWebChat(
  {
    directLine,
    locale,
    styleOptions: {
      botAvatarInitials: 'WC',
      userAvatarInitials: 'WW',
      bubbleBorderRadius: 20,
      bubbleNubOffset: 10,
      bubbleNubSize: 10,
      bubbleFromUserBorderRadius: 20,
      bubbleFromUserNubOffset: 10,
      bubbleFromUserNubSize: 10
    }
  },
  document.getElementById('webchat')
);

Expected behavior

This is LTR.

image

Additional context

[Bug]

Metadata

Metadata

Assignees

Labels

bugIndicates an unexpected problem or an unintended behavior.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions