Skip to content

✅ 🐞 Background Video ignores its HTML Tag setting and always renders a div #37393

Closed
Bug
#37407
Closed
✅ 🐞 Background Video ignores its HTML Tag setting and always renders a div#37393
Bug
#37407
Labels
bugIndicates a bug with one or multiple components.component/codeIndicates when a topic is related to a component’s code.component/v4/atomic-elementsReferences any Atomic Element included with the Atomic Editor V4.mod*[Temp.] For internal use only.mod/b*[Temp.] For internal use only.mod/e*[Temp.] For internal use only.product/editor-v4References any component and featured related to the Atomic Editor v4.status/evaluatingIndicates when an Issue or Discussion is under evaluation or analysis.status/has-prIndicates that an Issue, or Discussion has a companion Pull Request awaiting to be merged.widget/settingsReferences any widget’s settings.

Description

@KingGrizzly
KingGrizzly
opened on Sep 23, 2026

Description

The Background Video element added in 4.3.0 has an HTML Tag setting (Div, Header, Section, Article, Aside, Footer) under Settings, but changing it has no effect. The element always renders as a div. The template hardcodes the tag: modules/atomic-widgets/elements/atomic-background-video/atomic-background-video.html.twig prints <div on line 6 and m.default_tag_class('div') on line 5, while the element's schema offers the six tags (atomic-background-video.php, lines 97 and 98). Div Block renders {{ tag | e('html_tag') }} instead.

Steps to reproduce

  1. On a clean WordPress install with Elementor 4.3.0, create a page and add a Background Video element.
  2. In its Settings, set HTML Tag to Section.
  3. Update the page and view it on the front end.
  4. Inspect the element.

Expected behavior

Expected behavior:
The element renders as

with the class e-default-section, matching the setting, as Div Block and Flexbox do. It currently renders
with e-default-div.

Elementor System Info

Click to reveal 
== Server Environment ==
	Operating System: Darwin
	Software: nginx/1.26.1
	MySQL version: MySQL Community Server - GPL v8.4.0
	PHP Version: 8.2.29
	PHP Memory Limit: 256M
	PHP Max Input Vars: 4000
	PHP Max Post Size: 1000M
	GD Installed: Yes
	ZIP Installed: Yes
	Write Permissions: All right
	Elementor Library: Connected

== WordPress Environment ==
	Version: 7.1.2
	Site URL: https://king-grizzly-atomic-kit.test
	Home URL: https://king-grizzly-atomic-kit.test
	WP Multisite: No
	Max Upload Size: 300 MB
	Memory limit: 40M
	Max Memory limit: 256M
	Permalink Structure: /%postname%/
	Language: en_US
	Timezone: America/Denver
	Admin Email: 
	Debug Mode: Inactive

== Theme ==
	Name: Hello Elementor
	Version: 3.5.1
	Author: Elementor Team
	Child Theme: No

== User ==
	Role: administrator
	WP Profile lang: en-US
	User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/153.0.0.0 Safari/537.36

== Active Plugins ==
	Admin Menu Editor Pro
		Version: 2.34
		Author: Janis Elsts

	Advanced Custom Fields PRO
		Version: 6.8.10
		Author: WP Engine

	Elementor
		Version: 4.3.0
		Author: Elementor.com

	Elementor Pro
		Version: 4.3.0
		Author: Elementor.com

	Fluid Font Generator
		Version: 2.3.0
		Author: King Grizzly

	Image optimization service by Optimole
		Version: 4.2.14
		Author: Optimole

	Redirection
		Version: 5.10.1
		Author: John Godley

	SEOPress
		Version: 10.2
		Author: The SEO Guys at SEOPress

	SEOPress PRO
		Version: 10.2.1
		Author: The SEO Guys at SEOPress

	WPCode Pro
		Version: 2.3.9
		Author: WPCode

	WP Engine Smart Plugin Manager
		Version: 6.1.8
		Author: WP Engine


== Features ==
	Custom Fonts: 0
	Custom Icons: 0

== Integrations ==
	


== Elementor Experiments ==
	Inline Font Icons: Active by default
	Additional Custom Breakpoints: Active by default
	Container: Active by default
	Optimized Markup: Active by default
	Optimized CSS Files: Inactive by default
	Default to New Theme Builder: Active by default
	Header & Footer: Inactive
	Nested Elements: Active by default
	Pages Panel: Inactive by default
	Atomic Widgets: Active by default
	List: Inactive by default
	Icon Button: Inactive by default
	Accordion: Inactive by default
	SVG Library: Inactive by default
	Launchpad Checklist: Inactive by default
	Page Audit: Inactive by default
	Editor V4: Active by default
	Component Variants: Inactive by default
	Angie in editor panels: Inactive by default
	Generate website markdown: Inactive by default
	Agents llms.txt: Inactive by default
	Dynamic Assets Management: Inactive by default
	Import/Export Customization: Active by default
	Elementor Editor Events: Active by default
	Atomic Form: Active by default
	Loop: Active by default
	Menu: Active by default
	In-Editor Feedback: Inactive by default

Agreement

  • I confirm I have read and followed all the guidelines and instructions outlined in the Elementor Bug Report form.
  • I agree that my issue may be closed without further action if it doesn't meet all the requirements outlined in the Elementor Bug Report form.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugIndicates a bug with one or multiple components.component/codeIndicates when a topic is related to a component’s code.component/v4/atomic-elementsReferences any Atomic Element included with the Atomic Editor V4.mod*[Temp.] For internal use only.mod/b*[Temp.] For internal use only.mod/e*[Temp.] For internal use only.product/editor-v4References any component and featured related to the Atomic Editor v4.status/evaluatingIndicates when an Issue or Discussion is under evaluation or analysis.status/has-prIndicates that an Issue, or Discussion has a companion Pull Request awaiting to be merged.widget/settingsReferences any widget’s settings.

    Type

    Bug

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions