webf icon indicating copy to clipboard operation
webf copied to clipboard
verified publisher icon openwebf

overflow hidden did not hide the long text

Open bainian opened this issue 3 years ago • 0 comments

Affected version

main

No same issues found.

  • [X] Yes, I search all issues but not found.

Steps to Reproduce

code show.

Code example

<style type="text/css">
  * {
    padding: 0;
    margin: 0;
  }
  .q {
    margin: 10px;
    padding: 10px;
    flex: 1 1 auto;
    background: gold;
  }
</style>

<body>
  <div style="overflow: hidden;">
    <div class="q">
      AAABBBCCCDDDEEEFFFGGGHHHIIIJJJKKKMMMNNNDDDQQQPPPLLLAAAKKKK
    </div>
    <div class="q">
      AAABBBCC
    </div>
  </div>
</body>

Expected results

image

Actual results

image

bainian avatar Dec 01 '22 12:12 bainian