Set width style to min-width - see whether this behaves better in practice.

techyian · techyian · commit 3c6c4ddc1523 · 2024-10-18T14:01:48.000+01:00
diff --git a/assets/reportviewer.net.css b/assets/reportviewer.net.css
@@ -65,8 +65,8 @@
     display: flex;
     flex-direction: row;
     width: 100%;
-    margin-bottom: 0.75rem;    
-    overflow: hidden;
+    margin-bottom: 0.75rem;
+    overflow-x: auto;
 }
 
 .report-row td div:not(.report-row) {
diff --git a/src/ReportViewer.NET.Web/wwwroot/css/site.css b/src/ReportViewer.NET.Web/wwwroot/css/site.css
@@ -65,8 +65,8 @@
     display: flex;
     flex-direction: row;
     width: 100%;
-    margin-bottom: 0.75rem;    
-    overflow: hidden;
+    margin-bottom: 0.75rem;
+    overflow-x: auto;
 }
 
 .report-row td div:not(.report-row) {
diff --git a/src/ReportViewer.NET/DataObjects/ReportItems/Rectangle.cs b/src/ReportViewer.NET/DataObjects/ReportItems/Rectangle.cs
@@ -44,7 +44,7 @@ public override string Build(ReportItem parent)
 
                 foreach (var reportRow in rectangleReportRows)
                 {
-                    sb.AppendLine($"<div class=\"report-row\" style=\"max-width:{reportRow.RowWidth}mm\">");
+                    sb.AppendLine($"<div class=\"report-row\" style=\"min-width:{reportRow.RowWidth}mm\">");
 
                     foreach (var reportItem in reportRow.RowItems)
                     {
diff --git a/src/ReportViewer.NET/LayoutProvider.cs b/src/ReportViewer.NET/LayoutProvider.cs
@@ -135,7 +135,7 @@ public async Task<HtmlString> PublishReportOutput(ReportRDL report, IEnumerable<
 
             foreach (var reportRow in bodyReportRows) 
             {
-                sb.AppendLine($"<div class=\"report-row\" style=\"max-width:{reportRow.RowWidth}mm\">");
+                sb.AppendLine($"<div class=\"report-row\" style=\"min-width:{reportRow.RowWidth}mm\">");
 
                 foreach (var reportItem in reportRow.RowItems)
                 {

Original file line number	Diff line number	Diff line change
`@@ -44,7 +44,7 @@ public override string Build(ReportItem parent)`
`44`	`44`
`45`	`45`	`foreach (var reportRow in rectangleReportRows)`
`46`	`46`	`{`
`47`		`- sb.AppendLine($"<div class=\"report-row\" style=\"max-width:{reportRow.RowWidth}mm\">");`
	`47`	`+ sb.AppendLine($"<div class=\"report-row\" style=\"min-width:{reportRow.RowWidth}mm\">");`
`48`	`48`
`49`	`49`	`foreach (var reportItem in reportRow.RowItems)`
`50`	`50`	`{`
Original file line number	Diff line number	Diff line change
`@@ -135,7 +135,7 @@ public async Task<HtmlString> PublishReportOutput(ReportRDL report, IEnumerable<`
`135`	`135`
`136`	`136`	`foreach (var reportRow in bodyReportRows)`
`137`	`137`	`{`
`138`		`- sb.AppendLine($"<div class=\"report-row\" style=\"max-width:{reportRow.RowWidth}mm\">");`
	`138`	`+ sb.AppendLine($"<div class=\"report-row\" style=\"min-width:{reportRow.RowWidth}mm\">");`
`139`	`139`
`140`	`140`	`foreach (var reportItem in reportRow.RowItems)`
`141`	`141`	`{`