While updating the image, not able to edit/update the Alternative text of the new image from Page Data

Created on 14 May 2025, 18 days ago

Overview

After creating the content, the image Alternative Text field is not working, unable to type anything.

Steps to reproduce:

1. Create a content using Article conten type.
2. Fill in all the mandatory fields and Image field.
3. Save
4. Navigate to its Experience Builder
5. In the Page Data panel:
- Check the existing image โ€” the Alternative Text field is editable.
6. Remove the existing image and upload a new image.
7. Try typing in the Alternative Text field for the new image. The field appears, but it does not accept any input (text or numbers). No characters are displayed when typing; the field is effectively unresponsive.

Proposed resolution

User interface changes

๐Ÿ› Bug report
Status

Active

Version

0.0

Component

Page builder

Created by

๐Ÿ‡ฎ๐Ÿ‡ณIndia JatinGupta40

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

  • Issue created by @JatinGupta40
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia meghasharma

    I was able to reproduce this issue.
    When editing an Article content's Experience Builder Page Data panel:

    - If the image is not changed, the Alternative Text field works as expected and is editable.
    - But when I remove the existing image and upload a new one, the Alternative Text field becomes non-editable โ€” it shows up, but I cannot enter or type anything in it. No characters appear.

  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia meghasharma

    Additional observation while reproducing the issue:
    After making any changes to the image field via the Page Data panel โ€” for example:
    Uploading a new image
    Removing the image

    ...the "Review X changes" button at the top still shows โ€œNo changesโ€.
    Ideally, these actions should trigger the button to update and show "Review 1 change"

  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia omkar-pd

    This is because

    Warning: You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`. Error Component Stack
        at input (<anonymous>)
        at div (<anonymous>)
        at @radix-ui_themes.js?v=77fa5138:1613:19
        at TextField2 (TextField.tsx:12:5)
        at DrupalInput (DrupalInput.tsx:16:3)
        at InputBehaviorsWrapper (inputBehaviors.tsx:513:13)
  • Merge request !1046Fix onChange issue for input โ†’ (Open) created by omkar-pd
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia omkar-pd

    This fixes the read-only issue for alt input field.

  • Pipeline finished with Failed
    13 days ago
    Total: 880s
    #500917
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia meghasharma

    Verified #3, the read only issue resolved, Now if remove the existing image and uploading new one, the Alternative text field works as expected and is editable.

  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia meghasharma

    #4 is still the issue
    After making any changes to the image field via the Page Data panel
    For example:-
    Uploading a new image
    Add new alternative text

    ...the "Review X changes" button at the top still shows โ€œNo changesโ€.
    Ideally, these actions should trigger the button to update and show "Review 1 change"

Production build 0.71.5 2024