BUG REPORT: HTML Custom Component Editor Is Missing/Not Usable

:lady_beetle: BUG REPORT: HTML Custom Component Editor Is Missing/Not Usable

Hey @dan and @ben (and team)—

Issue:

In Elements v1.2.1 (23823), the Custom “HTML” component (added via the “Custom” section and “+” button in the sidebar) cannot be edited at all.

  • When added to the page, the component just appears as “HTML” in both the element tree and inspector.

  • The inspector panel displays only “:high_voltage: HTML” (component name/label)—there is no editor, code field, pencil icon, “edit” button, or any visible means of input.

  • Right-clicking in the element tree shows no “edit” or code-view option (just Rename, Duplicate, Convert to Global, etc.).

  • Double-clicking, expanding the inspector, and restarting the app has no effect.

  • Issue persists across new projects, new pages, quitting and relaunching, and sidebar resizing.

Screenshots:

Expected Behaviour:

Adding a Custom HTML component should always reveal a code editor panel for inputting HTML/JS/CSS—per manual instructions and common usage.

Steps to Reproduce:

  1. Open Elements v1.2.1 (23823) on macOS.

  2. On any page, under “Custom” in the component sidebar, click “+”, choose “HTML”, and drag it onto the page.

  3. Try to see or access an HTML/code editor—no dice!

What’s Tried:

  • New projects/pages

  • App restart

  • Sidebar resize, double-click, right-click, all menu/context options

  • Checked for edit buttons/icons everywhere

Work Stoppage:

  • No way to embed Google Calendar, external widgets, or any raw HTML—site-building workflows that depend on the HTML component are blocked.

System:

  • Elements v1.2.1 (23823)

  • macOS Sequoia 15.6.1


Bottom line:
The Custom HTML component is appearing, but is completely inert—cannot be edited or used as intended.

Please escalate ASAP!


@waGriffguy52 has also included step-by-step screenshots and did extensive troubleshooting. If you need a screen recording or are interested in heroic live support, just ask!


Screenshot 2025-09-01 at 18.07.27

Click on the show editor button. Then you will see:

1 Like

Have you tried clicking on this control while your custom component is selected?

This will open the code editor below the main editing window, as shown below. You can then edit the various pieces of code associated with a custom component. Or paste in your HTML code in the Template section of the code editor.

You can change the name of your component by editing the title in the code editor window.

1 Like

Thank you! I’m pretty new to Elements, so hadn’t yet had occasion to use this.