Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs
Community Proposals
Community Proposals
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read See all your notifications »
Users Search
Help Dashboard Sign In Sign Up
Q&A Blog
Q&A
Posts Tags Edits
Ask Question

Welcome to Codidact Meta!

Codidact Meta is the meta-discussion site for the Codidact community network and the Codidact software. Whether you have bug reports or feature requests, support questions or rule discussions that touch the whole network – this is the site for you.

Post History

71%
+3 −0
Q&A Editor preview left outdated after adding content without the keyboard

Generally when making a change in the input text box for a post, the editor preview updates to reflect the change. However, there are two occasions when this is not the case, and the editor preview...

0 answers  ·  posted 11mo ago by trichoplax‭  ·  edited 11d ago by trichoplax‭

Question bug editor-preview
#6: Post edited by user avatar trichoplax‭ · 2025-04-13T20:09:28Z (11 days ago)
Add workarounds section
  • Generally when making a change in the input text box for a post, the editor preview updates to reflect the change. However, there are two occasions when this is not the case, and the editor preview is left outdated and inconsistent with the input text box.
  • ## Pasting in text
  • After pasting in text to the input text box, the editor preview does not show the new text until a keyboard interaction is made (adding or removing a character, or moving the keyboard cursor). Note this problem does not occur if the pasting is done with a keyboard shortcut, such as **ctrl** + **V**. The problem only occurs when the keyboard is not involved, such as when using the mouse to paste.
  • ## Uploading an image
  • After uploading an image, the Markdown for the image is automatically included in the input text box, but the editor preview does not include the image until next time the cursor is moved into the input text box (that is, next time the input text box becomes active).
  • This can be particularly confusing when the editor preview already contains an image added previously, since at first glance it can look like the wrong image has been added.
  • ## Effect on saved post
  • This can also lead to an image being confusingly missing from the saved post, if it has not been added to the preview and then the Save Post button is pressed. This is the reason for the second example given in [Post body does not render outside of preview](https://meta.codidact.com/posts/293622).[]()
  • ----
  • <details>
  • <summary>
  • Examples:
  • </summary>
  • ![An image present in the Markdown only showing up after clicking into the Body field](https://meta.codidact.com/uploads/8ldcouwmoqsm6zixt16i3j5a7t6v)
  • ![Two images in the Markdown but only the first added shows until after clicking into the Body field](https://meta.codidact.com/uploads/krcnzlwiwo0u19l8kcqhvon3fpv3)
  • </details>
  • Generally when making a change in the input text box for a post, the editor preview updates to reflect the change. However, there are two occasions when this is not the case, and the editor preview is left outdated and inconsistent with the input text box.
  • ## Pasting in text
  • After pasting in text to the input text box, the editor preview does not show the new text until a keyboard interaction is made (adding or removing a character, or moving the keyboard cursor). Note this problem does not occur if the pasting is done with a keyboard shortcut, such as **ctrl** + **V**. The problem only occurs when the keyboard is not involved, such as when using the mouse to paste.
  • ## Uploading an image
  • After uploading an image, the Markdown for the image is automatically included in the input text box, but the editor preview does not include the image until next time the cursor is moved into the input text box (that is, next time the input text box becomes active).
  • This can be particularly confusing when the editor preview already contains an image added previously, since at first glance it can look like the wrong image has been added.
  • ## Effect on saved post
  • This can also lead to an image being confusingly missing from the saved post, if it has not been added to the preview and then the "Save Post" button is pressed. This is the reason for the second example given in [Post body does not render outside of preview](https://meta.codidact.com/posts/293622).[]()
  • <details>
  • <summary>
  • Examples:
  • </summary>
  • ![An image present in the Markdown only showing up after clicking into the Body field](https://meta.codidact.com/uploads/8ldcouwmoqsm6zixt16i3j5a7t6v)
  • ![Two images in the Markdown but only the first added shows until after clicking into the Body field](https://meta.codidact.com/uploads/krcnzlwiwo0u19l8kcqhvon3fpv3)
  • </details>
  • ## Workarounds
  • ### Missing text or image in the editor preview
  • Click anywhere in the "Body" field to return the keyboard cursor there, and the preview will update.
  • ### Missing image after a post has been saved
  • Press "Edit", then press "Save" without making any changes. The image will now be present in the saved post (it was already present in the Markdown). You don't need to avoid making changes - this will work whether you make changes or not.
  • Note that if you always add alt text to images in your posts, then you will never see this problem, as it only happens when adding an image is the last action you take before pressing "Save Post".
#5: Post edited by user avatar trichoplax‭ · 2025-04-03T12:44:12Z (22 days ago)
Add alt text for recently added example screen recordings
  • Generally when making a change in the input text box for a post, the editor preview updates to reflect the change. However, there are two occasions when this is not the case, and the editor preview is left outdated and inconsistent with the input text box.
  • ## Pasting in text
  • After pasting in text to the input text box, the editor preview does not show the new text until a keyboard interaction is made (adding or removing a character, or moving the keyboard cursor). Note this problem does not occur if the pasting is done with a keyboard shortcut, such as **ctrl** + **V**. The problem only occurs when the keyboard is not involved, such as when using the mouse to paste.
  • ## Uploading an image
  • After uploading an image, the Markdown for the image is automatically included in the input text box, but the editor preview does not include the image until next time the cursor is moved into the input text box (that is, next time the input text box becomes active).
  • This can be particularly confusing when the editor preview already contains an image added previously, since at first glance it can look like the wrong image has been added.
  • ## Effect on saved post
  • This can also lead to an image being confusingly missing from the saved post, if it has not been added to the preview and then the Save Post button is pressed. This is the reason for the second example given in [Post body does not render outside of preview](https://meta.codidact.com/posts/293622).[]()
  • ----
  • <details>
  • <summary>
  • Examples:
  • </summary>
  • ![Image_alt_text](https://meta.codidact.com/uploads/8ldcouwmoqsm6zixt16i3j5a7t6v)
  • ![Image_alt_text](https://meta.codidact.com/uploads/krcnzlwiwo0u19l8kcqhvon3fpv3)
  • </details>
  • Generally when making a change in the input text box for a post, the editor preview updates to reflect the change. However, there are two occasions when this is not the case, and the editor preview is left outdated and inconsistent with the input text box.
  • ## Pasting in text
  • After pasting in text to the input text box, the editor preview does not show the new text until a keyboard interaction is made (adding or removing a character, or moving the keyboard cursor). Note this problem does not occur if the pasting is done with a keyboard shortcut, such as **ctrl** + **V**. The problem only occurs when the keyboard is not involved, such as when using the mouse to paste.
  • ## Uploading an image
  • After uploading an image, the Markdown for the image is automatically included in the input text box, but the editor preview does not include the image until next time the cursor is moved into the input text box (that is, next time the input text box becomes active).
  • This can be particularly confusing when the editor preview already contains an image added previously, since at first glance it can look like the wrong image has been added.
  • ## Effect on saved post
  • This can also lead to an image being confusingly missing from the saved post, if it has not been added to the preview and then the Save Post button is pressed. This is the reason for the second example given in [Post body does not render outside of preview](https://meta.codidact.com/posts/293622).[]()
  • ----
  • <details>
  • <summary>
  • Examples:
  • </summary>
  • ![An image present in the Markdown only showing up after clicking into the Body field](https://meta.codidact.com/uploads/8ldcouwmoqsm6zixt16i3j5a7t6v)
  • ![Two images in the Markdown but only the first added shows until after clicking into the Body field](https://meta.codidact.com/uploads/krcnzlwiwo0u19l8kcqhvon3fpv3)
  • </details>
#4: Post edited by user avatar Franck Dernoncourt‭ · 2025-04-03T12:39:48Z (22 days ago)
adding examples 
Editor preview left outdated after adding content without the keyboard
  • Generally when making a change in the input text box for a post, the editor preview updates to reflect the change. However, there are two occasions when this is not the case, and the editor preview is left outdated and inconsistent with the input text box.
  • ## Pasting in text
  • After pasting in text to the input text box, the editor preview does not show the new text until a keyboard interaction is made (adding or removing a character, or moving the keyboard cursor). Note this problem does not occur if the pasting is done with a keyboard shortcut, such as **ctrl** + **V**. The problem only occurs when the keyboard is not involved, such as when using the mouse to paste.
  • ## Uploading an image
  • After uploading an image, the Markdown for the image is automatically included in the input text box, but the editor preview does not include the image until next time the cursor is moved into the input text box (that is, next time the input text box becomes active).
  • This can be particularly confusing when the editor preview already contains an image added previously, since at first glance it can look like the wrong image has been added.
  • ## Effect on saved post
  • This can also lead to an image being confusingly missing from the saved post, if it has not been added to the preview and then the Save Post button is pressed. This is the reason for the second example given in [Post body does not render outside of preview](https://meta.codidact.com/posts/293622).[]()
  • Generally when making a change in the input text box for a post, the editor preview updates to reflect the change. However, there are two occasions when this is not the case, and the editor preview is left outdated and inconsistent with the input text box.
  • ## Pasting in text
  • After pasting in text to the input text box, the editor preview does not show the new text until a keyboard interaction is made (adding or removing a character, or moving the keyboard cursor). Note this problem does not occur if the pasting is done with a keyboard shortcut, such as **ctrl** + **V**. The problem only occurs when the keyboard is not involved, such as when using the mouse to paste.
  • ## Uploading an image
  • After uploading an image, the Markdown for the image is automatically included in the input text box, but the editor preview does not include the image until next time the cursor is moved into the input text box (that is, next time the input text box becomes active).
  • This can be particularly confusing when the editor preview already contains an image added previously, since at first glance it can look like the wrong image has been added.
  • ## Effect on saved post
  • This can also lead to an image being confusingly missing from the saved post, if it has not been added to the preview and then the Save Post button is pressed. This is the reason for the second example given in [Post body does not render outside of preview](https://meta.codidact.com/posts/293622).[]()
  • ----
  • <details>
  • <summary>
  • Examples:
  • </summary>
  • ![Image_alt_text](https://meta.codidact.com/uploads/8ldcouwmoqsm6zixt16i3j5a7t6v)
  • ![Image_alt_text](https://meta.codidact.com/uploads/krcnzlwiwo0u19l8kcqhvon3fpv3)
  • </details>
#3: Post edited by user avatar trichoplax‭ · 2025-04-02T20:27:50Z (22 days ago)
Add title to separate section on the saved post
  • Generally when making a change in the input text box for a post, the editor preview updates to reflect the change. However, there are two occasions when this is not the case, and the editor preview is left outdated and inconsistent with the input text box.
  • ## Pasting in text
  • After pasting in text to the input text box, the editor preview does not show the new text until a keyboard interaction is made (adding or removing a character, or moving the keyboard cursor). Note this problem does not occur if the pasting is done with a keyboard shortcut, such as **ctrl** + **V**. The problem only occurs when the keyboard is not involved, such as when using the mouse to paste.
  • ## Uploading an image
  • After uploading an image, the Markdown for the image is automatically included in the input text box, but the editor preview does not include the image until next time the cursor is moved into the input text box (that is, next time the input text box becomes active).
  • This can be particularly confusing when the editor preview already contains an image added previously, since at first glance it can look like the wrong image has been added.
  • This can also lead to an image being confusingly missing from the saved post, if it has not been added to the preview and then the Save Post button is pressed. This is the reason for the second example given in [Post body does not render outside of preview](https://meta.codidact.com/posts/293622).[]()
  • Generally when making a change in the input text box for a post, the editor preview updates to reflect the change. However, there are two occasions when this is not the case, and the editor preview is left outdated and inconsistent with the input text box.
  • ## Pasting in text
  • After pasting in text to the input text box, the editor preview does not show the new text until a keyboard interaction is made (adding or removing a character, or moving the keyboard cursor). Note this problem does not occur if the pasting is done with a keyboard shortcut, such as **ctrl** + **V**. The problem only occurs when the keyboard is not involved, such as when using the mouse to paste.
  • ## Uploading an image
  • After uploading an image, the Markdown for the image is automatically included in the input text box, but the editor preview does not include the image until next time the cursor is moved into the input text box (that is, next time the input text box becomes active).
  • This can be particularly confusing when the editor preview already contains an image added previously, since at first glance it can look like the wrong image has been added.
  • ## Effect on saved post
  • This can also lead to an image being confusingly missing from the saved post, if it has not been added to the preview and then the Save Post button is pressed. This is the reason for the second example given in [Post body does not render outside of preview](https://meta.codidact.com/posts/293622).[]()
#2: Post edited by user avatar trichoplax‭ · 2025-04-02T20:14:54Z (22 days ago)
Link to example of this affecting the saved post
  • Generally when making a change in the input text box for a post, the editor preview updates to reflect the change. However, there are two occasions when this is not the case, and the editor preview is left outdated and inconsistent with the input text box.
  • ## Uploading an image
  • After uploading an image, the Markdown for the image is automatically included in the input text box, but the editor preview does not include the image until next time the cursor is moved into the input text box (that is, next time the input text box becomes active).
  • This can be particularly confusing when the editor preview already contains an image added previously, since at first glance it can look like the wrong image has been added.
  • ## Pasting in text
  • After pasting in text to the input text box, the editor preview does not show the new text until a keyboard interaction is made (adding or removing a character, or moving the keyboard cursor). Note this problem does not occur if the pasting is done with a keyboard shortcut, such as **ctrl** + **V**. The problem only occurs when the keyboard is not involved, such as when using the mouse to paste.
  • Generally when making a change in the input text box for a post, the editor preview updates to reflect the change. However, there are two occasions when this is not the case, and the editor preview is left outdated and inconsistent with the input text box.
  • ## Pasting in text
  • After pasting in text to the input text box, the editor preview does not show the new text until a keyboard interaction is made (adding or removing a character, or moving the keyboard cursor). Note this problem does not occur if the pasting is done with a keyboard shortcut, such as **ctrl** + **V**. The problem only occurs when the keyboard is not involved, such as when using the mouse to paste.
  • ## Uploading an image
  • After uploading an image, the Markdown for the image is automatically included in the input text box, but the editor preview does not include the image until next time the cursor is moved into the input text box (that is, next time the input text box becomes active).
  • This can be particularly confusing when the editor preview already contains an image added previously, since at first glance it can look like the wrong image has been added.
  • This can also lead to an image being confusingly missing from the saved post, if it has not been added to the preview and then the Save Post button is pressed. This is the reason for the second example given in [Post body does not render outside of preview](https://meta.codidact.com/posts/293622).[]()
#1: Initial revision by user avatar trichoplax‭ · 2024-05-30T11:37:42Z (11 months ago) 
Editor preview left outdated after adding content without the keyboard
Generally when making a change in the input text box for a post, the editor preview updates to reflect the change. However, there are two occasions when this is not the case, and the editor preview is left outdated and inconsistent with the input text box.

## Uploading an image
After uploading an image, the Markdown for the image is automatically included in the input text box, but the editor preview does not include the image until next time the cursor is moved into the input text box (that is, next time the input text box becomes active).

This can be particularly confusing when the editor preview already contains an image added previously, since at first glance it can look like the wrong image has been added.

## Pasting in text
After pasting in text to the input text box, the editor preview does not show the new text until a keyboard interaction is made (adding or removing a character, or moving the keyboard cursor). Note this problem does not occur if the pasting is done with a keyboard shortcut, such as **ctrl** + **V**. The problem only occurs when the keyboard is not involved, such as when using the mouse to paste.
bug editor-preview