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

父元素应用transform属性后造成Dropdown组件发生偏移 #296

Open
OasisAkari opened this issue Feb 9, 2024 · 1 comment
Open

父元素应用transform属性后造成Dropdown组件发生偏移 #296

OasisAkari opened this issue Feb 9, 2024 · 1 comment

Comments

@OasisAkari
Copy link

示例样本

<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <link rel="stylesheet" href="https://unpkg.com/[email protected]/mdui.css">
    <script src="https://unpkg.com/[email protected]/mdui.global.js"></script>
</head>
<body>
    <div class="container-main">
        <mdui-dropdown>
            <mdui-button slot="trigger">open dropdown</mdui-button>
            <mdui-menu>
                <mdui-menu-item>Item 1</mdui-menu-item>
                <mdui-menu-item>Item 2</mdui-menu-item>
            </mdui-menu>
        </mdui-dropdown>
    </div>
</body>
<style>
    .container-main {
        margin: 64px;
        padding: 10px;
        width: 80%;
        height: 100vh;
        background-color: #fff;
        transform: translate(0px, 0px);
    }
</style>

</html>

image

不知道这个属于组件实现的问题还是预期行为
@zdhxiong
Copy link
Owner

zdhxiong commented Feb 9, 2024

mdui 的 dropdown 当前使用 position:fixed 定位，使用 transform 会影响 fixed 定位。
后续会改用 floating-ui 来实现定位功能，会解决该问题。

@zdhxiong zdhxiong added this to mdui Apr 10, 2024
@zdhxiong zdhxiong moved this to Todo in mdui Apr 10, 2024
@zdhxiong zdhxiong moved this from Todo to In Progress in mdui Jun 28, 2024
@CarlosEGuerraSilva CarlosEGuerraSilva mentioned this issue Nov 5, 2024
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
mdui
Status: In Progress
Milestone
No milestone
Development

No branches or pull requests
2 participants
@zdhxiong @OasisAkari