Skip to content

Wrong hex-color format and No auto line-break with Emmet #104

Description

@xsjcTony
  • IDE name and version:
    PhpStorm 2021.3.3
    Build #PS-213.7172.28, built on March 18, 2022

  • Styled-components plugin version:
    213.5744.190

Problem description:

1. Respect the code style setting Convert hex colors format to for style sheets when using Emmet

  • I've set the code style setting for hex-color to Short format

Emmet:
c#f00 -> Press Tab

Expected behavior: (Working correctly In separate .css file or .vue's <style> block)

const StyledDiv = styled.div`
    color: #f00;
`

Actual behavior:

const StyledDiv = styled.div`
    color: #ff0000;
`

2. Insert line-break automatically when using Emmet

Base code:

const StyledDiv = styled.div`
    font-size: 20px;<caret at here>
`

Emmet:
ovh -> Press Tab

Expected behavior: (Working correctly In separate .css file or .vue's <style> block)

const StyledDiv = styled.div`
    font-size: 20px;
    overflow: hidden;
`

Actual behavior:

const StyledDiv = styled.div`
    font-size: 20px;overflow: hidden;
`

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions