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.

Sign up for GitHub

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

Jump to bottom

Select in Modal couldn't be opened #4582

Closed
1 task
yandixuan opened this issue Aug 27, 2021 · 7 comments
Closed
1 task

Select in Modal couldn't be opened #4582

yandixuan opened this issue Aug 27, 2021 · 7 comments
Labels
2.x for 2.x enhancement outdated

Comments

@yandixuan
Copy link

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.2.6

Environment

Reproduction link

Edit on CodeSandbox

Steps to reproduce

open and open then click select

What is expected?

select should work

What is actually happening?

getOffsetParent.js:34 Uncaught (in promise) TypeError: element.nodeName.toLowerCase is not a function
at getOffsetParent (getOffsetParent.js:34)
at getVisibleRectForElement (getVisibleRectForElement.js:52)
at isOutOfVisibleRect (alignElement.js:7)
at alignElement (alignElement.js:23)
at Align.js:68
at trigger2 (useBuffer.js:11)
at goAlign2 (Align.js:112)
at Align.js:124
at callWithErrorHandling (runtime-core.esm-bundler.js:6990)
at callWithAsyncErrorHandling (runtime-core.esm-bundler.js:6999)
getOffsetParent @ getOffsetParent.js:34
getVisibleRectForElement @ getVisibleRectForElement.js:52
isOutOfVisibleRect @ alignElement.js:7
alignElement @ alignElement.js:23
(anonymous) @ Align.js:68
trigger2 @ useBuffer.js:11
goAlign2 @ Align.js:112
(anonymous) @ Align.js:124
callWithErrorHandling @ runtime-core.esm-bundler.js:6990
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:6999
hook.__weh.hook.__weh @ runtime-core.esm-bundler.js:2270
flushPostFlushCbs @ runtime-core.esm-bundler.js:7191
flushJobs @ runtime-core.esm-bundler.js:7228
flushJobs @ runtime-core.esm-bundler.js:7236
Promise.then (async)
nextTick @ runtime-core.esm-bundler.js:7081
updated3 @ Trigger.js:131
callWithErrorHandling @ runtime-core.esm-bundler.js:6990
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:6999
hook.__weh.hook.__weh @ runtime-core.esm-bundler.js:2270
flushPostFlushCbs @ runtime-core.esm-bundler.js:7191
flushJobs @ runtime-core.esm-bundler.js:7228
Promise.then (async)
queueFlush @ runtime-core.esm-bundler.js:7120
queueCb @ runtime-core.esm-bundler.js:7142
queuePreFlushCb @ runtime-core.esm-bundler.js:7145
scheduler @ runtime-core.esm-bundler.js:7410
triggerEffects @ reactivity.esm-bundler.js:358
triggerRefValue @ reactivity.esm-bundler.js:948
set value @ reactivity.esm-bundler.js:987
setInnerOpen2 @ generate.js:499
onToggleOpen2 @ generate.js:527
onMousedown3 @ index.js:178
callWithErrorHandling @ runtime-core.esm-bundler.js:6990
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:6999
invoker @ runtime-dom.esm-bundler.js:347
@Amour1688 Amour1688 added the 🤔 Need Reproduce We cannot reproduce your problem label Aug 27, 2021
@github-actions
Copy link

Hello @yandixuan. Please provide a online reproduction by forking this link for vue2、 link for vue3 or a minimal GitHub repository. Make sure to choose the correct version.

你好 @yandixuan, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 for vue2、 此处 for vue3 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。请确保选择准确的版本。

@John60676
Copy link
Member

临时方案： 把 name 改一下名字

@yandixuan
Copy link
Author

@John60676 我提供了sandbox复现，我仍然需要重新提供新的一个？😕

@sendya
Copy link
Member

sendya commented Aug 27, 2021

临时方案： 先把 nodeNode 调整为 name

https://codesandbox.io/s/cool-elgamal-lk56d?file=/src/components/Modal.vue

@John60676 John60676 removed the 🤔 Need Reproduce We cannot reproduce your problem label Aug 28, 2021
@John60676
Copy link
Member

Related issue: ant-design/ant-design#31792

tangjinzhou added a commit that referenced this issue Sep 25, 2021
@tangjinzhou
fix: form id error #4582
313d5a4 
close #4582
@tangjinzhou
Copy link
Member

3.0 直接默认加前缀 避免此类问题

tangjinzhou added a commit that referenced this issue Sep 25, 2021
@tangjinzhou @ajuner
@fanhaoyuan @John60676 @axetroy @zanllp @Amour1688
3.0 ready (#4523)
3aeeeb2 
* refactor: transfer、tooltip (#4306)

* refactor(transfer): use composition api (#4135)

* refactor(transfer): use composition api

* fix: remove console

* refactor(tooltip): use composition api (#4059)

* refactor(tooltip): use composition api

* chore: useConfigInject

* fix: remove useless

* style: format code

* refactor: transfer

* refactor: tooltip

Co-authored-by: ajuner <106791576@qq.com>

* Refactor mentions (#4341)

* refactor(mentions): use compositionAPI (#4313)

* refactor: mentions

* refactor: mentions

Co-authored-by: ajuner <106791576@qq.com>

* Refactor progress (#4358)

* fix: timepicker error border not show #4331

* fix(UploadDragger): fix UploadDrager no export (#4334)

* refactor(switch): support customize checked value #4329 (#4332)

* refactor(switch): support customize checked value #4329

* test: add test case

* refactor: update props name

* refactor: update ts

* refactor: optimize

* style: uncheckedValue to unCheckedValue

* test: update snap

* feat: udpate switch ts

* docs: remove ie11

* fix: tree-select throw error when use slot title

* fix: TypeScript definition of Table interface for typescript 4.3.5 (#4353)

* fix type for typescript 4.3.5

* Update interface.ts

close #4296

* fix: dropdown submenu style error #4351
close #4351

* fix(notification): 完善notification类型 (#4346)

* refactor(progress): use composition API (#4355)

* refactor(progress): use composition API

* refactor(vc-progress): update

* refactor: progress

* refactor: progress

* fix: timepicker error border not show #4331

* fix(UploadDragger): fix UploadDrager no export (#4334)

* refactor(switch): support customize checked value #4329 (#4332)

* refactor(switch): support customize checked value #4329

* test: add test case

* refactor: update props name

* refactor: update ts

* refactor: optimize

* style: uncheckedValue to unCheckedValue

* test: update snap

* feat: udpate switch ts

* docs: remove ie11

* fix: tree-select throw error when use slot title

* fix: TypeScript definition of Table interface for typescript 4.3.5 (#4353)

* fix type for typescript 4.3.5

* Update interface.ts

close #4296

* fix: dropdown submenu style error #4351
close #4351

* fix(notification): 完善notification类型 (#4346)

* refactor(progress): use composition API (#4355)

* refactor(progress): use composition API

* refactor(vc-progress): update

* refactor: progress

* refactor: progress

Co-authored-by: Jarvis <35361626+fanhaoyuan@users.noreply.github.com>
Co-authored-by: John <John60676@qq.com>
Co-authored-by: 艾斯特洛 <axetroy.dev@gmail.com>
Co-authored-by: zanllp <qc@zanllp.cn>

* docs: add changelog

* refactor: tree

* refactor: tree

* style: lint

* refactor: tree

* 热factor: tree

* refactor: tree

* refactor: tree

* refactor: tree

* refactor: directory tree

* refactor: tree

* refactor: tree-select

* refactor: tree-select

* refactor: tree-select

* refactor: tree-select

* refactor: tree-select

* style: lint format

* refactor: tree-select

* refactor: tree-select

* refactor: tree-select

* refactor: tree-select

* refactor: tree-select

* refactor: tree-select

* fix: upload ts error

* fix: update tree title render & switchIcon

* test: update tree test

* feat: add VirtualScroll tree

* refactor: datePicker & calendar & trigger (#4522)

* style: update

* test: update calendar test

* test: update test

* test: update test

* refactor: slider

* feat: update slider css

* refactor: slider to ts

* refactor: slider to ts

* perf: update default itemHeight

* test: update

* fix: uddate ts type

* fix: update skeleton

* fix: update skeleton

* refactor: update vc-pagination

* refactor: pagination

* refactor: timeline

* refactor: steps

* refactor: collapse

* refactor: collapse

* refactor: popconfirm

* refactor: popover

* refactor: dropdown

* doc: merge doc

* chore: vite for dev (#4602)

* style: js to jsx

* doc: add site

* style: lint

* style: format ts type

* doc: update

* style: format code

* style: format site

* doc: update

* style: dmeo

* style: format scripts

* chore: remove sub-modules

* chore: update vite

* site: add site build

* test: update snap

* doc(select): add tip (#4606)

* refactor: table (#4641)

* refactor: table

* refactor: table

* refactor: table

* refactor: table

* refactor: table

* refactor: table

* refactor: table

* refactor: table

* refactor: table

* fix: column not pass to cell

* doc: uppate table

* fix: update bodyCell headerCell

* doc: remove examples

* refactor: table

* fix: table title not work

* fix: table selection

* fix: table checkStrictly

* refactor: table

* fix: table template error

* feat: table support summary

* test: update snap

* perf: table

* docs(table): fix ajax demo (#4639)

* test: update table

* refactor: remove old table

* doc: update  table doc

* doc: update doc

* doc: update select

* doc: update summary

Co-authored-by: John <John60676@qq.com>

* doc: update doc

* fix: menu arrow not work

* test: update

* doc: add next site

* style: format

* doc: update

* doc: update site script

* fix: expand icon not fixed

* feat: use renderSlot

* test: update table snap

* feat: confirm support reactively

* feat: configProvider.config

* feat: message support configprovider.config

* feat: notification support configprovider.config

* doc: update doc

* fix: typescript compile error

* style: add import eslint

* doc: update demo

* chore: set transpileOnly true

* style: fix eslint error

* test: update snap

* doc: update

* test: mock date

* test: update snap

* chore: remove gulp-typescript (#4675)

* feat: V3 form (#4678)

* chore: update husky

* perf: update formItem

* perf: useInjectFormItemContext

* fix: table ts error

* doc: add Customized Form Controls demo

* feat: export useInjectFormItemContext

* doc: update form doc

* doc: update doc

* doc: update doc

* feat: autocomplete support option slot

* doc: update

* feat: add form item rest

* style: remove omit.js

* refactor: autocomplete

* doc: add changelog to site

* doc: update site anchor

* doc: update doc layout

* test: update table test

* doc: update

* chore: udpate gulp script

* chore: udpate gulp script

* doc: add changelog

* doc: update

* test: ignore some test wait vue-test-utils

* fix: form id error #4582
close #4582

* doc: add select Responsive demo

* doc: remove temp doc

Co-authored-by: ajuner <106791576@qq.com>
Co-authored-by: Jarvis <35361626+fanhaoyuan@users.noreply.github.com>
Co-authored-by: John <John60676@qq.com>
Co-authored-by: 艾斯特洛 <axetroy.dev@gmail.com>
Co-authored-by: zanllp <qc@zanllp.cn>
Co-authored-by: Amour1688 <lcz_1996@foxmail.com>
@github-actions
Copy link

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Sep 26, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
2.x for 2.x enhancement outdated
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@sendya @tangjinzhou @John60676 @yandixuan @Amour1688