From 3f934510514a25c53edf64bb80911a96b7133908 Mon Sep 17 00:00:00 2001
From: Kevin Wu <Exaphis@users.noreply.github.com>
Date: Fri, 3 Jun 2022 04:34:27 -0400
Subject: [PATCH] fix: Fix overflow button for long lines with one token
 (#4818)

---
 lib/ace/layer/text.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/lib/ace/layer/text.js b/lib/ace/layer/text.js
index 84ba805030a..ac474d7576a 100644
--- a/lib/ace/layer/text.js
+++ b/lib/ace/layer/text.js
@@ -509,15 +509,15 @@ var Text = function(parentEl) {
 
     this.$renderSimpleLine = function(parent, tokens) {
         var screenColumn = 0;
-        var token = tokens[0];
-        var value = token.value;
-        if (this.displayIndentGuides)
-            value = this.renderIndentGuide(parent, value);
-        if (value)
-            screenColumn = this.$renderToken(parent, screenColumn, token, value);
-        for (var i = 1; i < tokens.length; i++) {
-            token = tokens[i];
-            value = token.value;
+
+        for (var i = 0; i < tokens.length; i++) {
+            var token = tokens[i];
+            var value = token.value;
+            if (i == 0 && this.displayIndentGuides) {
+                value = this.renderIndentGuide(parent, value);
+                if (!value)
+                    continue;
+            }
             if (screenColumn + value.length > this.MAX_LINE_LENGTH)
                 return this.$renderOverflowMessage(parent, screenColumn, token, value);
             screenColumn = this.$renderToken(parent, screenColumn, token, value);