ElemeFE / ElemeFE/element

[Bug Report]When the clearable and show word limit properties are set at the same time, the clear button is blocked

Open
#19,779 1 comment 0 reactions 0 assignees View on GitHub
stale
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### Element UI version
2.13.2

### OS/Browsers version
windows10/chrome75

### Vue version
2.6.11

### Reproduction Link
https://codepen.io/15919873635/pen/yLevybZ

### Steps to reproduce
1. Set the attributes in < El input > tag: clearable = "true",: show word limit = "true", MaxLength = 60 "

2. Enter 60 characters

### What is Expected?
When the mouse moves over the input box, the clear button is clearly visible

### What is actually happening?
Clear button is not clearly visible

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the linked CodePen reproduction and inspect the El input behavior when clearable and show word limit are both enabled at maxLength 60. Enter 60 characters and verify that the clear button remains clearly visible when hovering over the input, matching the expected behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.