Jump to content
BFD Calendar

Mystery spaces from empty textarea fields appearing

Recommended Posts

All of a sudden I see spaces appearing in text output where they shouldn't be and weren't before. Check this example: https://www.birthfactdeathcalendar.net/events/dates/april/23-april/

In the item about Æthelred the Unready there are about three spaces before the item text, and an empty paragraph after it. It's an item I added today. The next items were added months ago and look normal, until the one about William Wordsworth, same thing again. The item about the Rhythm Club dance hall fire was added months ago but edited today, same appearance of empty spaces.

I suspect empty textarea fields in the templates to be the culprit. But how come they show up with newly added pages and not with older ones, while nothing has changed to the templates nor the php code to generate the pages? 

Nothing has changed to my settings, and it didn't happen three weeks ago, when for example the item about Pope Julius III was added among others on https://www.birthfactdeathcalendar.net/events/dates/march/23-march/.

Share this post


Link to post
Share on other sites

The "spaces" are actually \n\n newline characters which get displayed as spaces.

textContent: " \n\n  King of the English"
textContent: " \n\n \n\n \n\n \n\n  Notorious cannibal"

Are you using a new editor, copy/paste method, browser or type of machine in the past 3 weeks? 

Share this post


Link to post
Share on other sites

No new editor, browser, keyboard, computer or whatever. But apparently a Safari (Mac version) update is to blame. On https://www.birthfactdeathcalendar.net/events/dates/april/24-april/ the item about Willem de Zwijger was added in Safari, the one about Daniel Defoe was added in Chrome, no spaces there. Safari 12.1 was installed on 29 March.

In the admin interface the newline characters appear (invisible) in the textarea space in Safari 12.1. The source of an empty text area in Safari looks like this:

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<div data-extension-version="1.0.4" id="ConnectiveDocSignExtentionInstalled">&nbsp;</div>

<div data-extension-version="1.0.4" id="ConnectiveDocSignExtentionInstalled">&nbsp;</div>

while in Chrome it's empty.

Edit: with the ConnectiveDocSignExtension off it still says:

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...