New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 706551 link

Starred by 3 users

Issue metadata

Status: WontFix
Owner: ----
Closed: Apr 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux
Pri: 2
Type: Bug-Regression



Sign in to add a comment

Image edit toolbar is broken, only in recent Chrome beta.

Reported by lukeshar...@gmail.com, Mar 29 2017

Issue description

UserAgent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:52.0) Gecko/20100101 Firefox/52.0

Steps to reproduce the problem:
1. Log in to any Wordpress site.
2. Go to edit a page and click on an image.
3. Notice the lack of toolbar.

What is the expected behavior?
It should show the image toolbar as in previous versions of Chrome.

What went wrong?
Something in recent beta seems to have broken it:

Uncaught DOMException: Failed to execute 'setBaseAndExtent' on 'Selection': There is no child at offset 1. in tinyMCE.

Did this work before? Yes earlier 58 beta.

Chrome version: 58.0.3029.33 beta (64-bit)  Channel: beta
OS Version: 58
Flash Version: Shockwave Flash 25.0 r0

Also tracking here: https://core.trac.wordpress.org/ticket/40305
 
Labels: Needs-Triage-M58 Needs-Bisect

Comment 2 by hdodda@chromium.org, Mar 30 2017

Cc: hdodda@chromium.org
Labels: Needs-Feedback
Tested the issue on ubuntu 14.04 using M58 #58.0.3029.33 and followed below steps:

1. Launched chrome and navigated to "https://wordpress.com" and logged into it.
2. Created a blog and tried to edit the blog.
3. Clicked on the image and observed as attached in screenshot.

@ lukesharefaith-- Could you please check attached screenchot and provide us the steps if the followed steps are incorrect and also please help us by providing the expected result screenshot , that would help us in traiging the issue better.

Thanks!
706551.png
327 KB View Download
That looks different... On WP sites I can edit, I go to /wp-admin/edit.php?post_type=page and go to edit a page with an image.

Clicking an image does not bring up the expected toolbar... same on Version 58.0.3029.41 beta (64-bit)
Project Member

Comment 4 by sheriffbot@chromium.org, Mar 30 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "hdodda@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 5 by hdodda@chromium.org, Mar 31 2017

Labels: Needs-Feedback
Tested the issue on ubuntu 14.04 using M58 #58.0.3029.41 and also observed similar behavior in chrome M58 #58.0.3029.19 beta and followed below steps:

1. Launched chrome and navigated to "https://wordpress.com" and logged into it.
2. Created a blog and tried to edit the blog.
3. Clicked on the image and observed as attached in screencast.

@ lukesharefaith-- Could you please check attached screencast and provide us the screencast of the steps to reproduce the issue , that would help us in traiging the issue better.

Thanks!

706551.ogv
5.9 MB View Download
I wasn't setting featured-image, I was clicking an image within the content of the page... and It seems it happens on any standard Wordpress install's posts editor, not sure about that wordpress.com interface.
Project Member

Comment 7 by sheriffbot@chromium.org, Mar 31 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "hdodda@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: Needs-Feedback
@lukesharefaith--Please provide the test url and screencast of the issue , for better understanding and traiging purpose.

Thanks!
Test url: any standard Wordpress site.

Screenshot: attached. See the working toolbar that pops up on click of an image on the right, and will never pop up in Chrome beta (to the left).


Screenshot from 2017-04-03 09-33-55.png
353 KB View Download
Project Member

Comment 10 by sheriffbot@chromium.org, Apr 3 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "hdodda@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Cc: ligim...@chromium.org
Labels: Needs-Feedback
Tried with the top google search results for word press sites and unable to get to the page , that you have attached in the screenshot in comment #9 . As per your screenshot , the url you are using is your localhost.

Help us in reproducing the issue by providing the test url/ test case with the content required.

Thanks! 
I don't want to put credentials public here for any live site... literally any website running the latest Wordpress system should show this in Chrome beta, so you can try clicking the image on your blog, or your website... your friend's wp blog who can test Chrome beta... every site seemed to be having the issue.
Project Member

Comment 13 by sheriffbot@chromium.org, Apr 4 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "hdodda@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
I noticed this on Win8.1 Chrome-beta so it's not just an Ubuntu bug.
Cc: yoichio@chromium.org tkent@chromium.org
Components: -UI Blink>JavaScript>Runtime
Status: Untriaged (was: Unconfirmed)
This possibly looks related to some recent changes in the method used by the WP WYSIWYG editor here. Which is Selection.setBaseAndExtent [1]. CCing in tkent and yoichio who both seem to have touched this code within the past few months. Perhaps one of them can triage this a little further if they have the time.

To replicate the problem:
1. Visit  https://demos1.softaculous.com/WordPress/wp-admin/  (public wordpress demo install by a 3rd party.)
2. Username: `admin` and Password: `pass` (no backticks)
3. Go into editing the existing blog post
4. Add image (I used: `https://demos1.softaculous.com/WordPress/wp-content/themes/twentyseventeen/assets/images/header.jpg` )
5. Click on image in the editor and check the DevTools console for the error.

For the record, this could either be a bug in TinyMCE's usage itself or Blink and I'm not sure which. TinyMCE (the editor Wordpress uses) worked around this about a month ago [2].

[1] https://developer.mozilla.org/en-US/docs/Web/API/Selection/setBaseAndExtent
[2] https://github.com/tinymce/tinymce/commit/bc60d951bc9977d8da01acd86c5911e8cc9a374c
If it is indeed an MCE/WP bug rather than Chrome, it may be best to recommend the latest MCE build on this ticket? https://core.trac.wordpress.org/ticket/40305
Components: -Blink>JavaScript>Runtime Blink>Editing>Selection
Status: WontFix (was: Untriaged)
The exception message means out-of-bound index is specified. Definitely it's a bug of callsite.

https://www.chromestatus.com/feature/5696359768260608

Atualize a versão do seu tinymce.min.js v4.4.3 (2016-09-01) que se encontra em seu Wordpress no seguinte endereço: wp-includes/js/tinymce/tinymce.min.js, baixe a versão no site, https://www.tinymce.com/download/ 

Depois de baixar o arquivo, extraia em seu computador e atualize somente o arquivo tinymce.min.js no mesmo diretório acima, copie e cole substituindo o arquivo para ficar atualizado, bom eu baixei a versão tinymce.min.js v4.5.7 (2017-04-25), pronto o problema será solucionado na hora de clicar em sua foto para editar no painel de edição do Wordpress, maiores informações acesse: www.studiogyn.com.br
We updated tinymce to latest version v4.5.7 and solved the problem with the images, but now the same error occurs with the galleries.

Also if we try to move or add something new to the post it deletes when switching from visual to text editor or after saving the post. I showed a similar behavior pre update when only the images where failing.


Captura.JPG
77.2 KB View Download

Sign in to add a comment