MethodAddtControls

Overview

Overflow and z‑index controls for fine‑tuning block stacking and clipping behavior, wrapped in a ToolsPanel.

• File: lib/blocks/components/MethodAddtControls.js
• Panel label: “Additional Options” (customizable via label prop)

---

Props

Prop	Type	Default	Description
breakpoint	string	(required)	The responsive breakpoint to read/write: base, mobile, tablet, or wide
attributes	object	(required)	The block’s full attributes object
setAttributes	function	(required)	WordPress setAttributes function
label	string	'Additional Options'	Custom label for the ToolsPanel heading
include	string[]	['overflow', 'zIndex']	Which controls to render. Options: overflow, zIndex

---

Controls

Overflow

• UI: SelectControl dropdown.
• Settings key: responsiveSettings.{breakpoint}.overflow

Option	Value	Description
Visible	visible	Content is not clipped (default CSS behavior)
Hidden	hidden	Content is clipped with no scrollbars
Scroll	scroll	Content is clipped with scrollbars always visible
Auto	auto	Scrollbars appear only when content overflows
Clip	clip	Content is clipped at the element’s overflow clip edge

---

Z‑Index

• UI: NumberControl (experimental) with shift‑step of 10 for quick large adjustments.
• Settings key: responsiveSettings.{breakpoint}.zIndex
• Value type: integer (parsed via parseInt on change)

The shiftStep of 10 means holding Shift while pressing the up/down arrows increments by 10 instead of 1, making it fast to jump between stacking layers.

---

ToolsPanel Behavior

• Overflow onSelect: Initializes to 'visible'
• Overflow onDeselect: Removes the overflow key entirely from the breakpoint settings
• Z‑Index onSelect: Initializes to 0
• Z‑Index onDeselect: Removes the zIndex key entirely
• resetAll: Removes both overflow and zIndex from the breakpoint

---

CSS Output

When consumed by MethodStyleTag, the settings keys map to CSS properties:

Settings Key	CSS Property
overflow	overflow
zIndex	z-index

---

Usage by Blocks

Block	Included Controls	Custom Label
Section	zIndex
Container	overflow, zIndex