How can i set textarea(.w-md-editor-text-input)'s parent <div> height style? about react-md-editor HOT 6 OPEN imkdw commented on September 27, 2024 2 How can i set textarea(.w-md-editor-text-input)'s parent height style?from react-md-editor. Comments (6) jazztester commented on September 27, 2024 2 Hi found a temp fix referencing comments form @imkdw and @jongyoul, we can use: .w-md-editor-text { min-height: 100% !important; } you can try height: 100% as well but for me it breaks cursor placementfrom react-md-editor. jaywcjlove commented on September 27, 2024 @imkdw I can't reproduce your issue. Can you provide an example to help me investigate?from react-md-editor. imkdw commented on September 27, 2024 @jaywcjlove Thank you for your response But I can't find what's wrong.. so I set css height: 100% on class of w-md-editor-text It doesn't feel right, but it's resolved, so I think I should use it like this .w-md-editor-text { height: 100%; } from react-md-editor. jongyoul commented on September 27, 2024 I have the same issue exactly. from react-md-editor. jongyoul commented on September 27, 2024 It looks related to a7d9a2cfrom react-md-editor. buzzracharyeah commented on September 27, 2024 Not working for me <MDEditor height='100%' value={values.code} onChange={(value) => setFieldValue('code', value)} onBlur={handleBlur} preview='edit' className={classNames( 'ui-min-h-40 ui-w-full ui-overflow-auto ui-rounded-xl ui-leading-6 ui-text-justify ui-px-2 ui-text-base placeholder:ui-text-gray-700 ui-items-stretch', { 'ui-border-gray-300 ': !hasError(errors.code), 'ui-border-red-300 ': hasError(errors.code), } )} hideToolbar textareaProps={{ name: 'code', }} /> from react-md-editor. Related Issues (20) css variables 藏在哪里了找不到 HOT 1 code highlight and rendering style seems not to work well in mac m1 HOT 1 I need to check why my text is not being properly converted to markdown 有没有办法自定义一个toolbar组件 点击弹出dialog 的效果 而不是内嵌到toolbar children 里面的? HOT 2 is it possible add embedded youtube video in editor ? HOT 7 Unable to Embed Github gist HOT 3 Select Specific Languages for Code Highlighting HOT 3 Deleting <blockquote> in Editor causes Preview Error: NotFoundError - Failed to execute 'removeChild' HOT 2 Why is there no event listener for text selection? HOT 1 https://uiwjs.github.io/react-md-editor/ Doesn't load HOT 2 The HTML style tag can change the style of elements on the page HOT 2 Type Issue setting height of 100% HOT 1 Possibility of self-xss HOT 1 Markdown crashes with specific HTML-like string input HOT 1 Using tailwindcss with react-md-editor HOT 1 Auto capitalisation on mobile HOT 1 拖拽上传 无法更新预览图片 HOT 3 a 链接下载 自定义命名 HOT 7 富文本获取焦点时 一直弹框让上传附件 HOT 1 how customize preview to show html based on a custom mark? Recommend Projects React A declarative, efficient, and flexible JavaScript library for building user interfaces. Vue.js 🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web. Typescript TypeScript is a superset of JavaScript that compiles to clean JavaScript output. TensorFlow An Open Source Machine Learning Framework for Everyone Django The Web framework for perfectionists with deadlines. Laravel A PHP framework for web artisans D3 Bring data to life with SVG, Canvas and HTML. 📊📈🎉 Recommend Topics javascript JavaScript (JS) is a lightweight interpreted programming language with first-class functions. web Some thing interesting about web. New door for the world. server A server is a program made to process requests and deliver data to clients. Machine learning Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently. Visualization Some thing interesting about visualization, use data art Game Some thing interesting about game, make everyone happy. Recommend Org Facebook We are working to build community through open source technology. NB: members must have two-factor auth. Microsoft Open source projects and samples from Microsoft. Google Google ❤️ Open Source for everyone. Alibaba Alibaba Open Source for everyone D3 Data-Driven Documents codes. Tencent China tencent open source team. Jobs Jooble
Comments (6) jazztester commented on September 27, 2024 2 Hi found a temp fix referencing comments form @imkdw and @jongyoul, we can use: .w-md-editor-text { min-height: 100% !important; } you can try height: 100% as well but for me it breaks cursor placementfrom react-md-editor. jaywcjlove commented on September 27, 2024 @imkdw I can't reproduce your issue. Can you provide an example to help me investigate?from react-md-editor. imkdw commented on September 27, 2024 @jaywcjlove Thank you for your response But I can't find what's wrong.. so I set css height: 100% on class of w-md-editor-text It doesn't feel right, but it's resolved, so I think I should use it like this .w-md-editor-text { height: 100%; } from react-md-editor. jongyoul commented on September 27, 2024 I have the same issue exactly. from react-md-editor. jongyoul commented on September 27, 2024 It looks related to a7d9a2cfrom react-md-editor. buzzracharyeah commented on September 27, 2024 Not working for me <MDEditor height='100%' value={values.code} onChange={(value) => setFieldValue('code', value)} onBlur={handleBlur} preview='edit' className={classNames( 'ui-min-h-40 ui-w-full ui-overflow-auto ui-rounded-xl ui-leading-6 ui-text-justify ui-px-2 ui-text-base placeholder:ui-text-gray-700 ui-items-stretch', { 'ui-border-gray-300 ': !hasError(errors.code), 'ui-border-red-300 ': hasError(errors.code), } )} hideToolbar textareaProps={{ name: 'code', }} /> from react-md-editor.
Vue.js 🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
javascript JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Machine learning Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Facebook We are working to build community through open source technology. NB: members must have two-factor auth.
from react-md-editor.
Comments (6)
Hi found a temp fix referencing comments form @imkdw and @jongyoul, we can use:
.w-md-editor-text { min-height: 100% !important; }
you can try height: 100% as well but for me it breaks cursor placement
from react-md-editor.
@imkdw I can't reproduce your issue. Can you provide an example to help me investigate?
from react-md-editor.
@jaywcjlove
Thank you for your response
But I can't find what's wrong.. so I set css
height: 100%
on class ofw-md-editor-text
It doesn't feel right, but it's resolved, so I think I should use it like this
from react-md-editor.
I have the same issue exactly.
from react-md-editor.
It looks related to a7d9a2c
from react-md-editor.
Not working for me
from react-md-editor.
Related Issues (20)
Recommend Projects
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
Recommend Topics
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web
Some thing interesting about web. New door for the world.
server
A server is a program made to process requests and deliver data to clients.
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization
Some thing interesting about visualization, use data art
Game
Some thing interesting about game, make everyone happy.
Recommend Org
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
Jobs
Jooble