tableの中のtdにtextareaを追加し、文字入力出来るようにしたい

tableの中にtextareaを追加し文字入力できるようにしたい

tableで作られたカレンダーにtextareaを追加して、予定を記入できるカレンダーアプリを作成しています。
ちなみにカレンダーは、fullcalendar https://fullcalendar.io/ を使っています。
カレンダーはhtmlではなくJS出来ています。
よってJSファイルでカレンダー表示に当たる部分を探し、そこにtextareaを追加しました。

発生している問題

tableのtdにtextareaを追加する所まで出来ましたが、文字入力ができません。
エラーメッセージ
特になし

該当のソースコード

jquery

function(...){
1...;
2return '<td class="' + classes.join(' ') + '"' +
3            (isDateValid ?
4                ' data-date="' + dateEnv.formatIso(date, { omitTime: true }) + '"' :
5                '') +
6            (otherAttrs ?
7                ' ' + otherAttrs :
8                '') +
9            '><div id="box1"><textarea id="text" ></textarea></div></td>';
10    }

最後の１行を自分で追加しました。
これでカレンダー上にはtextareaが表示されていますが、クリックしても文字入力ができる状態になりません。

###試したこと
表示に関わるfunctionが本当にここで正しいかを確認するために、<td>あああ</td>と入力すると全てのカレンダーに「あああ」が表示しました。
ダメもとでtextareaをinputにしてみましたが、もちろん変わりませんでした。

補足情報（FW/ツールのバージョンなど）

fullCalendarには１個のカレンダーを表示される為に４つJSファイルがあり、正直どこに該当箇所があるか探すだけで時間がかかりました。

fullCalendar自体を使うのを辞めようかと諦めかけていた矢先に、やっと見つかって、コード入力して表示！まで来たのですが、文字入力ができません。

初心者の私に、他の肩が作った複雑なカレンダーをアレンジするのは、そもそも無謀だったかもしれませんが、もしご存知の方がいらっしゃれば教えて頂ければ幸いです。

m.ts10806

2019/11/09 23:55

できあがったHTML確認してますか？

CCHH

2019/11/10 01:15

chromeで確認すると、今まで表示なかった枠のようなのが表示されていたのでそれがtextareaかと思いクリックしても文字入力ができませんでした。もしかしたらtextareaではない可能性もあると思い、代わりに「あああ」と代入するとカレンダーに「あああ」と表示されました。 htmlファイはdiv id=calendar としか記載されていません。その中身はJSから来ているのではないかと判断し、JSファイルをチェックして、今このような状態です。わかりにく説明で申し訳ございません。