Web チャット プラグインを Bootstrap 4 と一緒に使用したいと考えています。Web チャットを Bootstrap を使用してサイトに配置するとすぐに、チャット ボックスが両側でクリップされます。
要素を調べると、オーバーフローが隠されていることがわかります。これをオフにすると、チャットの吹き出しは完全に表示されますが、ユーザー入力は壊れています。
例として、添付の写真では、左のチャットが切り取られています。テキストは「Just now」と表示されるはずですが、実際には「st now」と表示されます。
ブートストラップのないプレーンな HTML サイトで webchat スクリプトを使用すると、期待どおりに動作します。
Bootstrap 4 内で動作するようにスタイリングをリセットするにはどうすればよいですか?