diff --git a/addons/mail/static/src/components/message/message.scss b/addons/mail/static/src/components/message/message.scss index 4f3c6dce294..5c4416eb99f 100644 --- a/addons/mail/static/src/components/message/message.scss +++ b/addons/mail/static/src/components/message/message.scss @@ -45,11 +45,15 @@ word-wrap: break-word; word-break: break-word; - * { + *:not(li):not(li div) { // Message content can contain arbitrary HTML that might overflow and break // the style without this rule. + // Lists are ignored because otherwise bullet style become hidden from overflow. + // It's acceptable not to manage overflow of these tags for the moment. + // It also excludes all div in li because 1st leaf and div child of list overflow + // may impact the bullet point (at least it does on Safari). max-width: 100%; - overflow: auto; + overflow-x: auto; } img {