Hi I have noticed that console.group display logic behaviour has changed and its affecting a project I’m working on in a pretty big way.
The issue
Nested groups used to be exclusively inside their respective parent groups. For some reason this is no longer the case. Instead, if any of the nested groups have any logged console messages in them, all parent groups seem to be automatically expanded however their content Isn’t This is very confusing from a user experience perspective and seems to have been recently changed. Could have been within weeks or a few months.
The problem can be illustrated by pasting and running the following code into a browser snippet:
console.log("--------\\nthis displays a nested group properly")
console.groupCollapsed("one")
console.groupCollapsed("two")
console.groupEnd()
console.groupEnd()
console.log("--------\\nfor some reason this is now broken")
console.groupCollapsed("one")
console.groupCollapsed("two")
console.groupCollapsed("three")
console.groupEnd()
console.groupEnd()
console.groupEnd()
console.log("--------\\nthis is the same as the first but with a console log inside the second group and as a result has broken the nested behaviour")
console.groupCollapsed("one")
console.groupCollapsed("two")
console.log("this broke it some how")
console.groupEnd()
console.groupEnd()
console.log("--------\\nthis is the same as the first but there is no issue with the nested behaviour")
console.groupCollapsed("one")
console.log("this didnt break it not sure why")
console.groupCollapsed("two")
console.groupEnd()
console.groupEnd()
console.log("--------\\nthis is the same as the first but the second console log messes up the nested behaviour")
console.groupCollapsed("one")
console.log("this didnt break it not sure why")
console.groupCollapsed("two")
console.log("but this did")
console.groupEnd()
console.groupEnd()
Does anyone know why this has started happening, why and when it will be fixed please?