Rich Text Editor Scrollable toolbar

I would like to use the scrollable toolbar 

https://helpej2.syncfusion.com/documentation/api/rich-text-editor/toolbarType/

but it does not work. Please see my attached images. I cannot scroll to see all tool items.
I currently use the latest Syncfusion version 22.1.34
https://cdn.syncfusion.com/ej2/22.1.34/dist/ej2.min.js

https://cdn.syncfusion.com/ej2/22.1.34/material.css

Could you give me a working example?


Thanks,
DuyVT



Attachment: tool_ec5a0537.zip

8 Replies

HR Harish Raja Syncfusion Team January 6, 2025 10:31 AM UTC

Hi DuyVT,


Thank you for reaching out to us. We were unable to reproduce the issue on our end. Could you please verify if you are using the latest version of the Rich Text Editor? It appears that you are currently using version 22.1.34, and we recommend updating to the latest version (28.1.37) as this might resolve the problem.


Additionally, we suggest ensuring that the Scrollable type is configured correctly within the toolbarSettings. Please refer to the following configuration:


toolbarSettings: {

            type: 'Scrollable'

        }


For your convenience, we have attached a sample project for reference:

Wz5whq7k (forked) - StackBlitz

If the issue persists, we kindly request you to share a sample of your implementation to help us analyze the problem further and provide a suitable resolution.


Regards,

Harish Raja.



DV duy vo January 8, 2025 01:12 PM UTC

Great, I am checking it.
Thanks Harish Raja!



BT Bhuvaneshwari Thirunavukarasu Syncfusion Team January 10, 2025 04:50 AM UTC

Hi DuyVT,

Great! Let us know if you have any questions or need further assistance.

Regards,

Bhuvaneshwari T



DV duy vo January 11, 2025 10:39 AM UTC

Hi  Bhuvaneshwari T,
I got an error when creating RTE with enableResize: true. The error is below. I use the latest Syncfusion version.
https://cdn.syncfusion.com/ej2/28.1.37/material.css

https://cdn.syncfusion.com/ej2/28.1.37/dist/ej2.min.js


Could you help me?
Thanks,
DuyVT

ej2.min.js:1 Uncaught TypeError: Cannot use 'in' operator to search for '__eventList' in null

    at it.addOrGetEventData (ej2.min.js:1:31487)

    at it.add (ej2.min.js:1:31593)

    at ej2.min.js:1:9132214

    at NodeList.forEach (<anonymous>)

    at Uqe.renderResizable (ej2.min.js:1:9132192)

    at ft.blazorCallback (ej2.min.js:1:36795)

    at ft.blazorCallback (ej2.min.js:1:37156)

    at ft.blazorCallback (ej2.min.js:1:37156)

    at ft.blazorCallback (ej2.min.js:1:37156)

    at ft.blazorCallback (ej2.min.js:1:37156)

    at ft.blazorCallback (ej2.min.js:1:37156)

    at ft.blazorCallback (ej2.min.js:1:37156)

    at ft.blazorCallback (ej2.min.js:1:37156)

    at ft.notify (ej2.min.js:1:36540)

    at Ki.notify (ej2.min.js:1:153381)

    at Itt.render (ej2.min.js:1:9583719)



DV duy vo January 13, 2025 09:11 AM UTC

Hi Bhuvaneshwari Thirunavukarasu ,
This is my site https://dev.notedex.app/Test
When I click "Create RTE" button with "
enableResize: true". I got the below error. Could you help me to check it?

Thanks,

DuyVT


Uncaught TypeError: Cannot use 'in' operator to search for '__eventList' in null

    at it.addOrGetEventData (ej2.min.js:1:31487)

    at it.add (ej2.min.js:1:31593)

    at ej2.min.js:1:9132214

    at NodeList.forEach (<anonymous>)

    at Uqe.renderResizable (ej2.min.js:1:9132192)

    at ft.blazorCallback (ej2.min.js:1:36795)

    at ft.blazorCallback (ej2.min.js:1:37156)

    at ft.blazorCallback (ej2.min.js:1:37156)

    at ft.blazorCallback (ej2.min.js:1:37156)

    at ft.blazorCallback (ej2.min.js:1:37156)

    at ft.blazorCallback (ej2.min.js:1:37156)

    at ft.blazorCallback (ej2.min.js:1:37156)

    at ft.blazorCallback (ej2.min.js:1:37156)

    at ft.notify (ej2.min.js:1:36540)

    at Ki.notify (ej2.min.js:1:153381)

    at Itt.render (ej2.min.js:1:9583719)



BT Bhuvaneshwari Thirunavukarasu Syncfusion Team January 14, 2025 03:35 AM UTC

Hi DuyVT,

We are unable to replicate the issue you reported. We have tested the scenario, including using the iframe rendering mode and initializing the Rich Text Editor on a button click event, with the enableResize option set to true.

To assist you further, we have attached a sample for your reference.

Stackblitz Link: Hnzrl6qa (forked) - StackBlitz

However, the site link you provided (https://dev.notedex.app/Test) is not accessible to us.


Could you please replicate the issue using the attached sample or share a reproducible sample that we can use to investigate the problem on our end?

We appreciate your cooperation and look forward to resolving the issue for you.

Regards,

Bhuvaneshwari T



DV duy vo January 15, 2025 09:42 AM UTC

I found the issue. Thanks Bhuvaneshwari T!



BT Bhuvaneshwari Thirunavukarasu Syncfusion Team January 16, 2025 06:09 AM UTC

Hi DuyVT,

Thank you for your update. Please let us know if you have any questions or need further assistance.

Regards,
Bhuvaneshwari T


Loader.
Up arrow icon