Wrong text input gets selected while using toolbar on comments

[urvashigupta7]

While trying to add new comment when any of the option is choosen from toolbar the changes are displayed in different text input.

where to look

https://publiclab.org/questions/Cogreg/09-20-2020/how-do-i-test-home-made-fertilizer

[Sagarpreet]

Correct!
Always the first comment editor is changed. This is because if do not have any id associated to each comment editor.

[nibble0101]

Hi @Sagarpreet . Outreachy applicant here. Can I take a look at this?

[sagarpreet-chadha]

Hey @nibble0101 , yes we would like your help 👍
So this is a little big issue, you may want to break this down 😄
Also let’s wait for @jywarren approval before we start because we might want to spin off a separate library for comment editor and solving here may not be useful now.

[jywarren]

Hi @sagarpreet-chadha - just noting that the "spin out new library" would happen /after/ most of the fixes and refinements in the Comment project - it'll be a stretch goal. Thanks!

This is a great catch @urvashigupta7 and I think we'll have to do a couple things. We should identify all the various types of comment boxes -- i made a list below -- and ensure that a proper unique CSS id is assigned for all of them, in a standard way, and protect this with tests --

* comment
* reply to comment
* comment just posted (form inserted via AJAX)
* reply to comment just posted
* editing existing comments
* editing comments just posted
* editing comment replies
* editing comment replies just posted

This is a major part of the Comment project for Outreachy!

[noi5e]

Starting to work on this one! Just made a PR to add unique IDs to the toolbar buttons. After that, I think it will be a very similar fix to the image upload cross-wiring issues (linked above in this issue)