Skip to content

Terminal progress on multiple lines if line wraps #14623

@christopher-kiss

Description

@christopher-kiss

🐞 Bug report

Command (mark with an x)

- [ ] new
- [x] build
- [x] serve
- [x] test
- [x] e2e
- [ ] generate
- [ ] add
- [ ] update
- [ ] lint
- [ ] xi18n
- [ ] run
- [ ] config
- [ ] help
- [ ] version
- [ ] doc

Is this a regression?

I believe this worked fine at one point, maybe around v6 or early v7, but stopped working after, I can't remember exact version.

Description

Hi guys,

I previously reported this issue #13800, however I didn't know what the cause was. I have recently found a way to reproduce it, VS Code reports that it isn't their issue: microsoft/vscode#74695 in addition I've tried with conpty off and I get the same result.

The issue is that running any command which reports progress, if the width of the terminal is small enough that the line would wrap to the next line, it create a new line instead of overwriting the current line.

🔬 Minimal Reproduction

  1. Make the width of the terminal small enough that the progress lines will wrap to a new line.
  2. Run ng serve
  3. Observe that the progress is reported on new lines for any line that would wrap to a new line

image

  1. Make the width of the terminal bigger so that none of the lines would wrap to a new line
  2. Run ng serve
  3. Observe that progress correctly overwrites the previous line.

image

🌍 Your Environment


     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 8.0.1
Node: 12.3.1
OS: win32 x64
Angular: 8.0.0
... animations, cdk, common, compiler, compiler-cli, core, forms
... language-service, material, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.800.1
@angular-devkit/build-angular     0.800.1
@angular-devkit/build-optimizer   0.800.1
@angular-devkit/build-webpack     0.800.1
@angular-devkit/core              8.0.1
@angular-devkit/schematics        8.0.1
@angular/cli                      8.0.1
@angular/flex-layout              8.0.0-beta.26
@ngtools/webpack                  8.0.1
@schematics/angular               8.0.1
@schematics/update                0.800.1
rxjs                              6.5.2
typescript                        3.4.5
webpack                           4.30.0

Anything else relevant?
This occurs in both VS Code and when running Powershell directly.

Let me know if you need any additional information. Thank you.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions