Line wrapping is incorrect when both ("overflow-wrap: break-word"/"word-break:break-word") and ("white-space: pre") are set.

If you set "overflow-wrap: break-word" or "word-break:break-word" and "white-space: pre", the element will wrap. This is contrary to the spec:

https://drafts.csswg.org/css-text-3/#propdef-overflow-wrap

> This property specifies whether the UA may break at otherwise disallowed points within a line to prevent overflow, when an otherwise-unbreakable string is too long to fit within the line box. **It only has an effect when white-space allows wrapping**...

See the example below: https://jsfiddle.net/nw30cvtu/


```
<style>
.wrapper {
  width: 100px;
  border: 2px solid black;
}

* {
  word-break: break-word;
}

.el {
  white-space: pre;
}
</style>
<div class="wrapper">
  <span class="el">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span>
</div>

```


Both chrome and firefox follow the spec correctly and don't wrap.