fix(Text): styles line break

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ## [next]
 
+- fix(Text): style line berak [#8973](https://github.com/fabricjs/fabric.js/pull/8973)
 - BREAKING: fabric.util.makeElementSelectable / fabric.util.makeElementUnselectable are removed [#8930](https://github.com/fabricjs/fabric.js/pull/8930)
 - refactor(): Canvas DOM delegation to utility class [#8930](https://github.com/fabricjs/fabric.js/pull/8930)
 

src/constants.ts

@@ -25,3 +25,5 @@ export const TOP = 'top';
 export const BOTTOM = 'bottom';
 export const RIGHT = 'right';
 export const NONE = 'none';
+
+export const reNewline = /\r?\n/;

src/shapes/Text/constants.ts

@@ -1,4 +1,4 @@
-import { LEFT } from '../../constants';
+import { LEFT, reNewline } from '../../constants';
 import type { TClassProperties } from '../../typedefs';
 import type { Text } from './Text';
 
@@ -63,7 +63,7 @@ export const styleProperties: Readonly<StylePropertiesType[]> = [
 // regexes, list of properties that are not suppose to change by instances, magic consts.
 // this will be a separated effort
 export const textDefaultValues: Partial<TClassProperties<Text>> = {
-  _reNewline: /\r?\n/,
+  _reNewline: reNewline,
   _reSpacesAndTabs: /[ \t\r]/g,
   _reSpaceAndTab: /[ \t\r]/,
   _reWords: /\S+/g,

src/util/misc/textStyles.ts

@@ -1,3 +1,4 @@
+import { reNewline } from '../../constants';
 import type {
   TextStyle,
   TextStyleDeclaration,
@@ -101,7 +102,7 @@ export const stylesFromArray = (
     // clone to prevent mutation
     return cloneDeep(styles);
   }
-  const textLines = text.split('\n'),
+  const textLines = text.split(reNewline),
     stylesObject: TextStyle = {};
   let charIndex = -1,
     styleIndex = 0;