fix for the issue #6238

src/htmlContent/findinfiles-bar.html

@@ -1,9 +1,11 @@
-{{CMD_FIND}}: 
-<div class="search-input-container"><input type="text" id="find-what" value="{{value}}" /><div class="error"></div><!--
---><button id="find-case-sensitive" class="btn no-focus" tabindex="-1" title="{{BUTTON_CASESENSITIVE_HINT}}"><div class="button-icon"></div></button><!--
---><button id="find-regexp" class="btn no-focus" tabindex="-1" title="{{BUTTON_REGEXP_HINT}}"><div class="button-icon"></div></button>
-
-<div class="no-results-message">{{FIND_NO_RESULTS}}</div></div>
-<div class="message">
-    <span id="searchlabel">{{{label}}}</span>
+<div id="find-in-files-bar">
+    {{CMD_FIND}}: 
+    <div class="search-input-container"><input type="text" id="find-what" value="{{value}}" /><div class="error"></div><!--
+    --><button id="find-case-sensitive" class="btn no-focus" tabindex="-1" title="{{BUTTON_CASESENSITIVE_HINT}}"><div class="button-icon"></div></button><!--
+    --><button id="find-regexp" class="btn no-focus" tabindex="-1" title="{{BUTTON_REGEXP_HINT}}"><div class="button-icon"></div></button>
+
+    <div class="no-results-message">{{FIND_NO_RESULTS}}</div></div>
+    <div class="message">
+        <span id="searchlabel">{{{label}}}</span>
+    </div>
 </div>

src/styles/brackets.less

@@ -1085,7 +1085,7 @@ a, img {
         }
     }
 
-    #find-group, #replace-group {
+    #find-group, #replace-group, #find-in-files-bar {
         display: inline-block;
         white-space: nowrap;
     }
@@ -1144,6 +1144,7 @@ a, img {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
     }
+
     #find-case-sensitive, #replace-yes {
         border-left: none;
         margin-left: 0px;

src/styles/brackets_patterns_override.less

@@ -142,6 +142,8 @@ a:focus {
     background: @main-toolbar-background-color;
     padding: 7px 0px;
 
+    z-index: @z-index-brackets-main-toolbar;
+
     // Ensure icons are vertically stacked & horizontally centered
     .vbox;
     .box-flex(1);

src/styles/brackets_variables.less

@@ -50,6 +50,7 @@
 @z-index-brackets-toolbar: (@z-index-brackets-ui + 1);
 @z-index-brackets-max: @z-index-brackets-toolbar;
 @z-index-brackets-modalbar: (@z-index-brackets-toolbar - 1);
+@z-index-brackets-main-toolbar: (@z-index-brackets-toolbar + 1);
 
 @z-index-brackets-sidebar-resizer: (@z-index-brackets-ui + 2);
 @z-index-brackets-resizer-div: (@z-index-brackets-sidebar-resizer + 1);