idux icon indicating copy to clipboard operation
idux copied to clipboard

[comp:input] input在有后置图标时,增加clearable会遮挡后置图标

Open YeJoe opened this issue 3 years ago • 4 comments

  • [x] I have searched the issues of this repository and believe that this is not a duplicate. input在有后置图标时,增加clearable会遮挡后置图标 playground

What problem does this feature solve?

方便用户在输入值的时候可以点击清除或者搜索

What does the proposed API look like?

希望可以将clearable的图标移动到后置图标前面一点,方便用户在输入值的时候可以点击清除或者搜索

YeJoe avatar Dec 10 '22 10:12 YeJoe

Translation of this issue:

[Comp: Input] Input when there is a rear icon, add Clearable to cover the rear icon

  • [X] I have searched the [issues] (https://github.com/iduxfe/idux/isSues) of this repository that this is not a duplicate. When input has a rear icon, add Clearable to cover the rear icon

What PROBLEM DOES This Feature Solve?

It is convenient for users to click Clear or Search when the input value

What does the proposed api look like?

I hope that the clearable icon can be moved to a point in front of the rear icon, which is convenient for users

idux-bot[bot] avatar Dec 10 '22 10:12 idux-bot[bot]

设计师给我提过这个需求,被我拒绝掉了。

  • 改动影响的组件比较多
  • 同时显示两个图标占用的空间也比较多,比例不是很协调。

如果你们想强调搜索的功能,要么不要配置 clearable, 要么使用 addonAfter 来设置搜索图标,我认为可能是更好的方式。

danranVm avatar Dec 12 '22 03:12 danranVm

好的,gan

设计师给我提过这个需求,被我拒绝掉了。

  • 改动影响的组件比较多
  • 同时显示两个图标占用的空间也比较多,比例不是很协调。

如果你们想强调搜索的功能,要么不要配置 clearable, 要么使用 addonAfter 来设置搜索图标,我认为可能是更好的方式。

好的,感谢回复~

YeJoe avatar Dec 20 '22 12:12 YeJoe

fixed with https://github.com/IDuxFE/idux/pull/1745

threedayAAAAA avatar Dec 02 '23 01:12 threedayAAAAA