fix(card): Report full screen state at <id>_full_screen (#1032)

NEWS.md

@@ -14,7 +14,7 @@
 
 * Added `input_task_button()`, a replacement for `shiny::actionButton()` that automatically prevents an operation from being submitted multiple times. It does this by, upon click, immediately transitioning to a "Processing..." visual state that does not let the button be clicked again. The button resets to its clickable state automatically after the reactive flush it causes is complete; or, for advanced scenarios, `update_task_button()` can be used to manually control when the button resets.
 
-* Both `card()` and `value_box()` now take an `id` argument that, when provided, is used to report the full screen state of the card or value box to the server. For example, when using `card(id = "my_card", full_screen = TRUE)` you can determine if the card is currently in full screen mode by reading the boolean value of `input$my_card$full_screen`. (#1006)
+* Both `card()` and `value_box()` now take an `id` argument that, when provided, is used to report the full screen state of the card or value box to the server. For example, when using `card(id = "my_card", full_screen = TRUE)` you can determine if the card is currently in full screen mode by reading the boolean value of `input$my_card_full_screen`. (#1006, #1032)
 
 ## Improvements
 

R/card.R

@@ -29,8 +29,9 @@
 #'   card_body("c"), "d")`, `wrapper` would be called twice, once with `"a"` and
 #'   `"b"` and once with `"d"`).
 #' @param id Provide a unique identifier for the `card()` or `value_box()` to
-#'   report its state to Shiny. For example, using `id = "my_card"`, you can
-#'   observe the card's full screen state with `input$my_card$full_screen`.
+#'   report its full screen state to Shiny. For example, using `id = "my_card"`,
+#'   you can observe the card's full screen state with
+#'   `input$my_card_full_screen`.
 #'
 #' @return A [htmltools::div()] tag.
 #'

srcts/src/components/card.ts

@@ -199,11 +199,8 @@ class Card {
       setTimeout(() => this._setShinyInput(), 0);
       return;
     }
-    Shiny.setInputValue(this.card.id, {
-      // eslint-disable-next-line @typescript-eslint/naming-convention
-      full_screen:
-        this.card.getAttribute(Card.attr.ATTR_FULL_SCREEN) === "true",
-    });
+    const fsAttr = this.card.getAttribute(Card.attr.ATTR_FULL_SCREEN);
+    Shiny.setInputValue(this.card.id + "_full_screen", fsAttr === "true");
   }
 
   /**