adminjs icon indicating copy to clipboard operation
adminjs copied to clipboard

[Bug]: I cannot enter the text continuously in Richtext

Open DLoc03 opened this issue 10 months ago • 1 comments

Contact Details

No response

What happened?

The model in my mongodb is as follows: import mongoose from "mongoose";

contentDetail.ts const ContentTranslateSchema = new mongoose.Schema({ idLanguage: {type: mongoose.Schema.Types.ObjectId, required: true, ref: 'Language'}, title: {type: String}, descriptipon: {type: String} })

const ContentDetailSchema = new mongoose.Schema({ name: {type: String, required: true}, idType: {type: mongoose.Schema.Types.ObjectId, required: true, ref: 'GroupType'}, idParent: {type: mongoose.Schema.Types.ObjectId, ref: 'ContentDetail'}, contentImg: {type: String}, order: {type: Number}, contentTrans: {type: [ContentTranslateSchema]} })

const ContentDetail = mongoose.model('ContentDetail', ContentDetailSchema);

export default ContentDetail;

The way I configure it in option.ts: resource: ContentDetail, options: { navigation: {name: 'Content', icon: 'Menu'}, properties: { contentImg: { type: "string", isVisible: { list: true, edit: true, show: true, filter: false }, components: { edit: Components.DropZoneUpload, show: Components.PreviewImageComponent, list: Components.PreviewImageComponent } }, 'contentTrans.description': { type: 'richtext' }, } }

When I enter the text in this Richtext, the mouse pointer lost Focus continuously. I clicked on the Richtext box to type a letter, the mouse pointer lost Focus. I am suspected that this problem is by Adminjs Re-Render. I really need help from everyone. Thanks!

Bug prevalence

I only encountered this error when a data field is in another object of the object format of the model

AdminJS dependencies version

{ "version": "1.0.0", "private": true, "type": "module", "scripts": { "build": "tsc", "lint": "eslint "src"", "start": "dotenv -e .env -- node dist/app.js", "dev": "dotenv -e .env -- nodemon src/server.ts" }, "dependencies": { "@adminjs/design-system": "^4.0.5", "@adminjs/express": "^6.1.1", "@adminjs/mongoose": "^4.1.0", "@adminjs/typeorm": "^5.0.1", "@adminjs/upload": "^4.0.2", "@ckeditor/ckeditor5-build-classic": "^44.2.1", "@ckeditor/ckeditor5-react": "^9.5.0", "@tiptap/extension-image": "^2.11.5", "@tiptap/pm": "^2.11.5", "@tiptap/react": "^2.11.5", "@tiptap/starter-kit": "^2.11.5", "adminjs": "^7.8.15", "connect-mongo": "^5.1.0", "connect-pg-simple": "^10.0.0", "dotenv": "^16.4.7", "dynamic": "^4.2.2", "express": "^4.18.2", "express-formidable": "^1.2.0", "express-session": "^1.18.1", "mongoose": "^8.0.0", "multer": "^1.4.5-lts.1", "react-beautiful-dnd": "^13.1.1", "react-quill": "^2.0.0" }, "devDependencies": { "@types/connect-pg-simple": "^7.0.3", "@types/dotenv": "^6.1.1", "@types/express": "^4.17.21", "@types/express-session": "^1.18.1", "@types/mocha": "^10.0.10", "@types/node": "^18.19.76", "@types/react": "^18.3.18", "@typescript-eslint/eslint-plugin": "^5.58.0", "@typescript-eslint/parser": "^5.58.0", "dotenv-cli": "^7.4.4", "eslint": "^8.38.0", "eslint-config-airbnb": "^19.0.4", "eslint-plugin-import": "^2.27.5", "eslint-plugin-jsx-a11y": "^6.7.1", "eslint-plugin-prettier": "^5.0.1", "eslint-plugin-react": "^7.32.2", "eslint-plugin-react-hooks": "^4.6.0", "nodemon": "^3.1.9", "prettier": "^3.1.0", "tslib": "^2.5.0", "typescript": "^5.0.4" }, "name": "titan_admin_cms" }

What browsers do you see the problem on?

No response

Relevant log output


Relevant code that's giving you issues


DLoc03 avatar Mar 04 '25 04:03 DLoc03

Having the same issue here, versions: "@adminjs/design-system": "^4.1.1", "@adminjs/express": "^6.1.1", "@adminjs/mongoose": "^4.1.0", "@adminjs/themes": "^1.0.1", "adminjs": "^7.8.15",

GiacoAndCo avatar Mar 26 '25 14:03 GiacoAndCo