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

[Fab] 在style中用top/bottom/left/right设置位置了之后会导致其他地方的button无法点击 #3208

Closed
RepSklvska opened this issue Oct 18, 2024 · 1 comment · Fixed by #3215
Assignees
Labels
question This is a question, not a bug

Comments

@RepSklvska
Copy link

RepSklvska commented Oct 18, 2024

tdesign-miniprogram 版本

1.6.0

重现链接

No response

重现步骤

在新建项目中自带的logs.wxml修改,修改为以下内容:

<!--logs.wxml-->
<scroll-view class="scrollarea" scroll-y type="list">
  <block wx:for="{{logs}}" wx:key="timeStamp" wx:for-item="log">
    <view class="log-item">{{index + 1}}. {{log.date}}</view>
    <view>
      <t-button slot="suffix" icon="rotate" shape="square" variant="text" bind:tap="tButtonTap"></t-button>
      <t-button slot="suffix" icon="rotate" shape="square" variant="text" bind:tap="tButtonTap"></t-button>
      <t-button slot="suffix" icon="rotate" shape="square" variant="text" bind:tap="tButtonTap"></t-button>
      <t-button slot="suffix" icon="rotate" shape="square" variant="text" bind:tap="tButtonTap"></t-button>
      <t-button slot="suffix" icon="rotate" shape="square" variant="text" bind:tap="tButtonTap"></t-button>
      <t-button slot="suffix" icon="rotate" shape="square" variant="text" bind:tap="tButtonTap"></t-button>
      <t-button slot="suffix" icon="rotate" shape="square" variant="text" bind:tap="tButtonTap"></t-button>
      <t-button slot="suffix" icon="rotate" shape="square" variant="text" bind:tap="tButtonTap"></t-button>
      <t-button slot="suffix" icon="rotate" shape="square" variant="text" bind:tap="tButtonTap"></t-button>
      <t-button slot="suffix" icon="rotate" shape="square" variant="text" bind:tap="tButtonTap"></t-button>
      <t-button slot="suffix" icon="rotate" shape="square" variant="text" bind:tap="tButtonTap"></t-button>
      <t-button slot="suffix" icon="rotate" shape="square" variant="text" bind:tap="tButtonTap"></t-button>
      <button bind:tap="buttonTap">按钮</button>
    </view>
  </block>
</scroll-view>
<t-fab bind:click="handleClick" text="悬浮按钮" style="left:20rpx;top:20rpx" />

然后在logs页面会发现其他位置的按钮均无法点击。如果把t-fab的style去掉,让悬浮按钮处在默认位置,其他位置的按钮就都能点击到了

期望结果

既能够通过topbottomleftright在style中设置t-fab的位置,又不影响其他按钮的点击。

实际结果

只要在t-fab中的style里面定义了topbottomleftright其中一个,就会导致页面中其他按钮无法点击。

基础库版本

3.5.7

补充说明

No response

Copy link
Contributor

👋 @RepSklvska,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

@RepSklvska RepSklvska changed the title [Fab] 在style中用top\bottom\left\right设置位置了之后会导致其他地方的button无法点击 [Fab] 在style中用top/bottom/left/right设置位置了之后会导致其他地方的button无法点击 Oct 18, 2024
@anlyyao anlyyao self-assigned this Oct 21, 2024
@anlyyao anlyyao mentioned this issue Oct 22, 2024
16 tasks
@anlyyao anlyyao added the question This is a question, not a bug label Oct 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question This is a question, not a bug
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants