[5.11.1] Added word-break property to Notification message

Author: isnifer

CHANGELOG.md

@@ -1,3 +1,9 @@
+## 5.11.1
+
+### Added
+
+- `word-break` property to Notification message
+
 ## 5.11.0
 
 ### Added

README.md

@@ -82,6 +82,7 @@ See demo at [https://detools-vue-form.netlify.com](https://detools-vue-form.netl
 
 ## Changelog
 
+- [5.11.1](/CHANGELOG.md#5111)
 - [5.11.0](/CHANGELOG.md#5110)
 - [5.10.8](/CHANGELOG.md#5108)
 - [5.10.7](/CHANGELOG.md#5107)

VueForm/components/Notification.js

@@ -6,7 +6,11 @@ import Notification from 'element-ui/lib/notification'
 export default new Vue({
   methods: {
     renderMessage(message) {
-      return <div style="text-align: left; white-space: pre-line">{message}</div>
+      return (
+        <div style="text-align: left; white-space: pre-line; word-break: break-word;">
+          {message}
+        </div>
+      )
     },
 
     getHandler(type, message, title) {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@detools/vue-form",
-  "version": "5.11.0",
+  "version": "5.11.1",
   "description": "Form State Management for VueJS",
   "main": "VueForm/index.js",
   "scripts": {