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

poper.js在v2有定位问题,在v3里没有 #886

Open
dun-er opened this issue Aug 5, 2024 · 0 comments
Open

poper.js在v2有定位问题,在v3里没有 #886

dun-er opened this issue Aug 5, 2024 · 0 comments

Comments

@dun-er
Copy link

dun-er commented Aug 5, 2024

          我用的是官方实例,然后加了一个固定顶部的导航,用的方法五,向下滚动后popper计算定位会出现向下偏差,方法六是都变成固定的了(并且方法六的element ui组件样式会丢失),用的是element ui,子应用版本是"element-ui": "2.15.6", 主应用"wujie": "workspace:^1.0.22",
	// 方法五5
    // {
    //       jsLoader: (code) => {
    //         // 替换popper.js内计算偏左侧偏移量
    //         var codes = code.replace(
    //           "left: elementRect.left - parentRect.left",
    //           "left: fixed ? elementRect.left : elementRect.left - parentRect.left"
    //         );
    //         // 替换popper.js内右侧偏移量
    //         return codes.replace("popper.right > data.boundaries.right", "false");
    //       },
    //     },
    // 方法6
    {
      jsLoader(code) {
        // 解决element-ui,popper.js计算问题
        let newCode = code
          .replace("var root = window;", "var root = window.parent")
          .replace(
            "document.body.appendChild(this.popperElm);",
            "window.parent.document.body.appendChild(this.popperElm);"
          )
          .replace(
            "var css = root.getComputedStyle(element, null);",
            "if (window.__POWERED_BY_WUJIE__ && element.nodeType === 9) return 'static';var css = root.getComputedStyle(element, null);"
          );
        return newCode;
      },
    },

方案五

初始点击都是正常,非固定的也是正常,
image-20240719134646357

但是导航部分向下滚动后
image-20240719134753207

方法六的效果

popper组件样式会丢失
image-20240719134413864

滚动后的方法六 里的popper会出现固定了
image-20240719134523570

Originally posted by @dun-er in #682 (comment)

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

No branches or pull requests

1 participant