Skip to content

fix: Use text area for alternative text and captions (visual editor) #644

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 10 commits into
base: main
Choose a base branch
from
2 changes: 2 additions & 0 deletions apps/vscode/CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,8 @@

## 1.119.0 (unreleased)

- Visual Editor: "Inset image" command now uses a text box for the alternative text. (<https://github.com/quarto-dev/quarto/pull/599>)

## 1.118.0 (Release on 2024-11-26)

- Provide F1 help at cursor in Positron (<https://github.com/quarto-dev/quarto/pull/599>)
Expand Down
11 changes: 5 additions & 6 deletions packages/editor-ui/src/dialogs/edit-image.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,8 @@ import {
useId,
RadioGroup,
Label,
Radio
Radio,
Textarea
} from "@fluentui/react-components";

import { ModalDialog, ModalDialogTabList, showValueEditorDialog} from "ui-widgets";
Expand Down Expand Up @@ -162,10 +163,11 @@ const imagePanel =

{alt !== undefined
? <Field label={t("Alternative text")}>
<Input
value={alt}
<Textarea
value={alt}
onChange={(_ev, data) => setAlt(data.value)}
placeholder={t("(Optional)")}
style={{ height: "100px" }}
/>
</Field>
: null
Expand Down Expand Up @@ -288,6 +290,3 @@ const useStyles = makeStyles({
gridRowGap: tokens.spacingVerticalS,
}
})



Loading