Fix gr.Group, container=False

.config/playwright.config.js

@@ -5,5 +5,5 @@ export default {
 	},
 	testMatch: /.*.spec.ts/,
 	testDir: "..",
-	globalSetup: "./playwright-setup.js",
+	globalSetup: "./playwright-setup.js"
 };

CHANGELOG.md

@@ -10,6 +10,7 @@
 * The `.change()` event is fixed in `Audio` so that fires when the component value is programmatically updated by [@abidlabs](https://github.com/abidlabs) in [PR 4793](https://github.com/gradio-app/gradio/pull/4793)
 - Fixed bug where `gr.Video` could not preprocess urls by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4904](https://github.com/gradio-app/gradio/pull/4904)
 - Fixed copy button rendering in API page on Safari by [@aliabid94](https://github.com/aliabid94) in [PR 4924](https://github.com/gradio-app/gradio/pull/4924)
+- Fixed `gr.Group` and `container=False`. `container` parameter only available for `Textbox`, `Number`, and `Dropdown`, the only elements where it makes sense. By [@aliabid94](https://github.com/aliabid94) in [PR 4916](https://github.com/gradio-app/gradio/pull/4916)
 
 ## Other Changes:
 

gradio/components/annotated_image.py

@@ -46,7 +46,7 @@ def __init__(
         color_map: dict[str, str] | None = None,
         label: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/audio.py

@@ -56,7 +56,7 @@ def __init__(
         type: Literal["numpy", "filepath"] = "numpy",
         label: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/bar_plot.py

@@ -58,7 +58,7 @@ def __init__(
         caption: str | None = None,
         interactive: bool | None = True,
         label: str | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/base.py

@@ -133,7 +133,7 @@ def __init__(
         value: Any = None,
         label: str | None = None,
         info: str | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int | None = None,
@@ -156,6 +156,12 @@ def __init__(
 
         self.label = label
         self.info = info
+        if not container:
+            if show_label:
+                warn_deprecation("show_label has no effect when container is False.")
+            show_label = False
+        if show_label is None:
+            show_label = True
         self.show_label = show_label
         self.container = container
         if scale is not None and scale != round(scale):
@@ -366,6 +372,8 @@ def as_example(self, input_data):
 
 class FormComponent:
     def get_expected_parent(self) -> type[Form]:
+        if getattr(self, "container", None) is False:
+            return None
         return Form
 
 

gradio/components/chatbot.py

@@ -42,7 +42,7 @@ def __init__(
         *,
         label: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/checkbox.py

@@ -40,7 +40,7 @@ def __init__(
         label: str | None = None,
         info: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/checkboxgroup.py

@@ -42,7 +42,7 @@ def __init__(
         label: str | None = None,
         info: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/code.py

@@ -57,7 +57,7 @@ def __init__(
         lines: int = 5,
         label: str | None = None,
         interactive: bool | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/color_picker.py

@@ -37,7 +37,7 @@ def __init__(
         label: str | None = None,
         info: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/dataframe.py

@@ -55,7 +55,7 @@ def __init__(
         overflow_row_behaviour: Literal["paginate", "show_ends"] = "paginate",
         label: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         scale: int | None = None,
         min_width: int = 160,
         interactive: bool | None = None,

gradio/components/dropdown.py

@@ -50,7 +50,7 @@ def __init__(
         label: str | None = None,
         info: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,
@@ -155,6 +155,7 @@ def get_config(self):
             "multiselect": self.multiselect,
             "max_choices": self.max_choices,
             "allow_custom_value": self.allow_custom_value,
+            "container": self.container,
             **IOComponent.get_config(self),
         }
 

gradio/components/file.py

@@ -51,7 +51,7 @@ def __init__(
         type: Literal["file", "binary"] = "file",
         label: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/gallery.py

@@ -39,7 +39,7 @@ def __init__(
         *,
         label: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/highlighted_text.py

@@ -42,7 +42,7 @@ def __init__(
         adjacent_separator: str = "",
         label: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/html.py

@@ -30,7 +30,7 @@ def __init__(
         *,
         label: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         visible: bool = True,
         elem_id: str | None = None,
         elem_classes: list[str] | str | None = None,

gradio/components/image.py

@@ -69,7 +69,7 @@ def __init__(
         type: Literal["numpy", "pil", "filepath"] = "numpy",
         label: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/json_component.py

@@ -33,7 +33,7 @@ def __init__(
         *,
         label: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/label.py

@@ -42,7 +42,7 @@ def __init__(
         num_top_classes: int | None = None,
         label: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/line_plot.py

@@ -71,7 +71,7 @@ def __init__(
         caption: str | None = None,
         interactive: bool | None = True,
         label: str | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/model3d.py

@@ -40,7 +40,7 @@ def __init__(
         clear_color: list[float] | None = None,
         label: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/number.py

@@ -49,7 +49,7 @@ def __init__(
         label: str | None = None,
         info: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,
@@ -127,6 +127,7 @@ def get_config(self):
             "value": self.value,
             "minimum": self.minimum,
             "maximum": self.maximum,
+            "container": self.container,
             **IOComponent.get_config(self),
         }
 

gradio/components/plot.py

@@ -36,7 +36,7 @@ def __init__(
         *,
         label: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/radio.py

@@ -43,7 +43,7 @@ def __init__(
         label: str | None = None,
         info: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/scatter_plot.py

@@ -87,7 +87,7 @@ def __init__(
         interactive: bool | None = True,
         label: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/slider.py

@@ -48,7 +48,7 @@ def __init__(
         label: str | None = None,
         info: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/textbox.py

@@ -59,7 +59,7 @@ def __init__(
         label: str | None = None,
         info: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,
@@ -134,6 +134,7 @@ def get_config(self):
             "value": self.value,
             "type": self.type,
             "show_copy_button": self.show_copy_button,
+            "container": self.container,
             **IOComponent.get_config(self),
         }
 

gradio/components/timeseries.py

@@ -34,7 +34,7 @@ def __init__(
         colors: list[str] | None = None,
         label: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/components/video.py

@@ -60,7 +60,7 @@ def __init__(
         width: int | None = None,
         label: str | None = None,
         every: float | None = None,
-        show_label: bool = True,
+        show_label: bool | None = None,
         container: bool = True,
         scale: int | None = None,
         min_width: int = 160,

gradio/layouts.py

@@ -1,5 +1,6 @@
 from __future__ import annotations
 
+import warnings
 from typing import TYPE_CHECKING, Literal
 
 from gradio_client.documentation import document, set_documentation_group
@@ -295,6 +296,7 @@ def __init__(
             visible: If False, box will be hidden.
             elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
         """
+        warnings.warn("gr.Box is deprecated. Use gr.Group instead.", DeprecationWarning)
         super().__init__(visible=visible, elem_id=elem_id, **kwargs)
 
     def get_config(self):

js/app/src/components/AnnotatedImage/AnnotatedImage.svelte

@@ -19,7 +19,7 @@
 	export let height: number | undefined;
 	export let width: number | undefined;
 	export let color_map: Record<string, string>;
-	export let container: boolean = false;
+	export let container: boolean = true;
 	export let scale: number | null = null;
 	export let min_width: number | undefined = undefined;
 	export let root: string;

js/app/src/components/Audio/Audio.svelte

@@ -34,7 +34,7 @@
 	export let pending: boolean;
 	export let streaming: boolean;
 	export let root_url: null | string;
-	export let container = false;
+	export let container: boolean = true;
 	export let scale: number | null = null;
 	export let min_width: number | undefined = undefined;
 	export let loading_status: LoadingStatus;

js/app/src/components/Checkbox/Checkbox.svelte

@@ -12,7 +12,7 @@
 	export let label: string = "Checkbox";
 	export let info: string | undefined = undefined;
 	export let mode: "static" | "dynamic";
-	export let container: boolean = false;
+	export let container: boolean = true;
 	export let scale: number | null = null;
 	export let min_width: number | undefined = undefined;
 	export let loading_status: LoadingStatus;

js/app/src/components/CheckboxGroup/CheckboxGroup.svelte

@@ -10,7 +10,7 @@
 	export let value: Array<string> = [];
 	export let value_is_output: boolean = false;
 	export let choices: Array<string>;
-	export let container: boolean = false;
+	export let container: boolean = true;
 	export let scale: number | null = null;
 	export let min_width: number | undefined = undefined;
 	export let mode: "static" | "dynamic";

js/app/src/components/ColorPicker/ColorPicker.svelte

@@ -14,7 +14,7 @@
 	export let value: string;
 	export let value_is_output: boolean = false;
 	export let show_label: boolean;
-	export let container: boolean = false;
+	export let container: boolean = true;
 	export let scale: number | null = null;
 	export let min_width: number | undefined = undefined;
 	export let loading_status: LoadingStatus;

js/app/src/components/Dropdown/Dropdown.svelte

@@ -15,7 +15,7 @@
 	export let max_choices: number;
 	export let choices: Array<string>;
 	export let show_label: boolean;
-	export let container: boolean = false;
+	export let container: boolean = true;
 	export let scale: number | null = null;
 	export let min_width: number | undefined = undefined;
 	export let loading_status: LoadingStatus;
@@ -30,7 +30,7 @@
 	}
 </script>
 
-<Block {visible} {elem_id} {elem_classes} {container} {scale} {min_width}>
+<Block {visible} {elem_id} {elem_classes} padding={container} allow_overflow={false} {scale} {min_width}>
 	<StatusTracker {...loading_status} />
 
 	<Dropdown
@@ -43,6 +43,7 @@
 		{info}
 		{show_label}
 		{allow_custom_value}
+		{container}
 		on:change
 		on:input
 		on:select