Merge pull request #42 from vtex-apps/fix/truncated-delimiter

Fix whitespace in delimiters truncated
vtex-apps · Feb 1, 2021 · 2314b30 · 2314b30
2 parents 1ddc880 + 943c5d6
commit 2314b30
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
+### Fixed
+- Whitespace truncated in address fields delimiters.
 
 ## [0.13.9] - 2021-01-08
 ### Fixed

diff --git a/react/PlaceDetails.tsx b/react/PlaceDetails.tsx
@@ -69,11 +69,15 @@ const PlaceDetails: React.FC<Props> = ({
               return (
                 <div className="dib" key={fragment.name}>
                   {fragment.delimiter && hasPreviousFragment && (
-                    <span>{fragment.delimiter}</span>
+                    <span style={{ whiteSpace: 'pre-wrap' }}>
+                      {fragment.delimiter}
+                    </span>
                   )}
                   <span className={fragment.name}>{addressValue}</span>
                   {fragment.delimiterAfter && shouldShowDelimiter && (
-                    <span>{fragment.delimiterAfter}</span>
+                    <span style={{ whiteSpace: 'pre-wrap' }}>
+                      {fragment.delimiterAfter}
+                    </span>
                   )}
                 </div>
               )