stylelint: Misleading error for declaration-block-no-ignored-properties with display: inline-block and float

Describe the issue:

This is a great rule, but I think the rationale behind disallowing display: inline-block + float is slightly incorrect. Adding float makes the inline-block part ignored, not the other way around. The phrasing in rule’s current README suggests the inverse behavior – that display: inline-block causes float to be ignored – which is incorrect because adding float does affect the appearance of the element.

Which rule, if any, is this issue related to?

declaration-block-no-ignored-properties

What CSS is needed to reproduce this issue?

.foo {
  display: inline-block;
  float: left;
}

What did you expect to happen?

Warning: float causes display: inline-block to be ignored.

What actually happened?

Warning: display: inline-block causes float to be ignored.

<bountysource-plugin>

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource. </bountysource-plugin>

About this issue

  • Original URL
  • State: closed
  • Created 8 years ago
  • Reactions: 1
  • Comments: 38 (33 by maintainers)

Most upvoted comments

Hi, I’d just like to add that something like float: none; and display: inline-block; should be allowed together.

@MayhemYDG in 7.0.0 this fixed

Done in #1610