fix(dropdownlist): filter input size with no content

telerik · Apr 7, 2021 · 720f58e · 720f58e
1 parent b107750
commit 720f58e
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 1 deletion.
diff --git a/packages/default/scss/popup/_layout.scss b/packages/default/scss/popup/_layout.scss
@@ -207,7 +207,7 @@
         position: relative;
         padding: $padding-x;
         box-sizing: border-box;
-        flex: 1 0 auto;
+        flex: 0 0 auto;
 
         > .k-textbox {
             // remove the !important declaration when https://github.com/telerik/kendo-ui-core/issues/2617 is fixed

diff --git a/tests/visual/dropdowns-popup-rtl.html b/tests/visual/dropdowns-popup-rtl.html
@@ -176,6 +176,22 @@
             </div>
         </section>
 
+        <section class="grid-single k-rtl">
+            <span>Blazor NoData</span>
+
+            <div class="telerik-blazor k-animation-container" style="height: 200px; z-index: 10002; width: 200px;">
+                <div style="height: 200px; transition-delay: 0ms; transition-duration: 300ms;" class="k-list-container k-popup k-reset">
+                    <span class="k-list-filter">
+                        <input class="k-textbox">
+                        <span class="k-icon k-i-search"></span>
+                    </span>
+                    <div class="k-nodata">
+                        <div>No data</div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
     </div>
 
 </body>

diff --git a/tests/visual/dropdowns-popup.html b/tests/visual/dropdowns-popup.html
@@ -176,6 +176,22 @@
             </div>
         </section>
 
+        <section class="grid-single">
+            <span>Blazor NoData</span>
+
+            <div class="telerik-blazor k-animation-container" style="height: 200px; z-index: 10002; width: 200px;">
+                <div style="height: 200px; transition-delay: 0ms; transition-duration: 300ms;" class="k-list-container k-popup k-reset">
+                    <span class="k-list-filter">
+                        <input class="k-textbox">
+                        <span class="k-icon k-i-search"></span>
+                    </span>
+                    <div class="k-nodata">
+                        <div>No data</div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
     </div>
 
 </body>