use is-null filter when value is null (#16601)

frontend/src/metabase/modes/lib/actions.js

@@ -152,8 +152,10 @@ export function drillFilter(
     const range = rangeForValue(value, column);
     if (range) {
       filter = ["between", fieldRefForColumn(column), range[0], range[1]];
-    } else {
+    } else if (value != null) {
       filter = ["=", fieldRefForColumn(column), value];
+    } else {
+      filter = ["is-null", fieldRefForColumn(column)];
     }
   }
 

frontend/test/metabase/scenarios/visualizations/drillthroughs/chart_drill.cy.spec.js

@@ -414,6 +414,35 @@ describe("scenarios > visualizations > drillthroughs > chart drill", () => {
     cy.findByText("Showing 85 rows");
   });
 
+  it("should drill through on a bin of null values (#11345)", () => {
+    visitQuestionAdhoc({
+      name: "11345",
+      dataset_query: {
+        database: 1,
+        query: {
+          "source-table": ORDERS_ID,
+          aggregation: [["count"]],
+          breakout: [
+            ["field", ORDERS.DISCOUNT, { binning: { strategy: "default" } }],
+          ],
+        },
+        type: "query",
+      },
+      display: "table",
+    });
+
+    // click on the Count column cell showing the count of null rows
+    cy.findByText("16,845").click();
+    cy.findByText("View these Orders").click();
+
+    // count number of distinct values in the Discount column
+    cy.findByText("Discount ($)").click();
+    cy.findByText("Distincts").click();
+
+    // there should be 0 distinct values since they are all null
+    cy.get(".TableInteractive-cellWrapper").contains("0");
+  });
+
   it("should parse value on click through on the first row of pie chart (metabase#15250)", () => {
     cy.createQuestion({
       name: "15250",