Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

textarea with config inline-theme-disabled not show scrollbar #5418

Closed
ggymm opened this issue Dec 1, 2023 · 1 comment · Fixed by #5425
Closed

textarea with config inline-theme-disabled not show scrollbar #5418

ggymm opened this issue Dec 1, 2023 · 1 comment · Fixed by #5425
Labels
untriaged need to sort

Comments

@ggymm
Copy link

ggymm commented Dec 1, 2023

TuSimple/naive-ui version (版本)

2.35.0

Vue version (Vue 版本)

3.4.0-alpha.3

Browser and its version (浏览器及其版本)

chrome(118.0.5993.71)

System and its version (系统及其版本)

windows11

Node version (Node 版本)

Reappearance link (重现链接)

https://codesandbox.io/p/sandbox/serene-wildflower-dpxkyg?file=%2Fsrc%2FApp.vue

Reappearance steps (重现步骤)

Enter many lines of content in the textarea until it exceeds the maximum height for scrolling

Expected results (期望的结果)

There is a scrollbar

Actual results (实际的结果)

No scrollbar

Remarks (补充说明)

@jizai1125
Copy link
Contributor

You can wrap the scrollbar component to fix this issue temporarily.

<template>
  <!-- inline-theme-disabled -->
  <n-scrollbar>
     <n-input type="textarea" />
  </n-scrollbar>
</template>

Similar to issue #4570, this arises from addressing style problems in #3238. The separation of the y-axis scrollbar makes some theme CSS variables inaccessible.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
untriaged need to sort
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants