Fix #1071: Enhance default dropdown filters styling for Bootstrap 5.x

kartik-v · Jul 24, 2023 · 4b08061 · 4b08061
1 parent bc47e32
commit 4b08061
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/CHANGE.md b/CHANGE.md
@@ -6,7 +6,7 @@ Change Log: `yii2-grid`
 **Date:** _Under development_
 
 - (enh #1070): Enhance grid header styling for use without panel.
-
+- (enh #1071): Enhance default dropdown filters styling for Bootstrap 5.x.
 
 ## Version 3.5.1
 

diff --git a/src/ColumnTrait.php b/src/ColumnTrait.php
@@ -28,7 +28,7 @@
 trait ColumnTrait
 {
     /**
-     * @var string an unique identifier for the Column. If not set, it will be automatically generated.
+     * @var string unique identifier for the Column. If not set, it will be automatically generated.
      */
     public $columnKey;
 
@@ -185,6 +185,10 @@ public function initColumnSettings($settings = [])
             }
         }
         $this->initColumnKey();
+
+        if (!empty($this->filter) && empty($this->filterType) && $this->grid->isBs(5)) {
+            Html::addCssClass($this->filterInputOptions, 'form-select');
+        }
     }
 
     /**

diff --git a/src/DataColumn.php b/src/DataColumn.php
@@ -21,6 +21,8 @@
  * The DataColumn is the default column type for the [[GridView]] widget and extends the [[YiiDataColumn]] with various
  * enhancements.
  *
+ * @property GridView $grid
+ *
  * @author Kartik Visweswaran <kartikv2@gmail.com>
  * @since  1.0
  */