[BUG] Class of a block doesn't always show in the classes section

Can't reproduce it, just provide a live demo (as I suggest in the issue template) with that block

I will share with you some screen shots that will surely make this problem clearer:

• Step 1: Drag a drop a block in the canvas and select it by clicking on it <img width="642" alt="screen shot 2018-08-21 at 10 16 29 am" src="https://user-images.githubusercontent.com/28840780/44386545-7599f180-a52b-11e8-99ba-1a2c7e3dca9e.png">

You can see that the id doesn't show where it should

• Step 2: Unselect the block by clicking anywhere else then select it again <img width="1278" alt="screen shot 2018-08-21 at 10 16 44 am" src="https://user-images.githubusercontent.com/28840780/44386586-94988380-a52b-11e8-8332-0988e178c763.png">

You can now see the id

Any idea on how we should make the id and the classes always show and not need a second click to appear?

Another question is how can I add another things like this? so let's say I want to add under the 'selected' something like tagname, to show the tagname of the selected component; In another words, I want that on each time the user clicks on a block, to see the tagname of it under the classes and the id. Is there a way to implement this?

Thanks

I understand what is your problem but still, you have to post a live demo because I can't reproduce it. It might depends on many stuff, just screenshots are not enough. I'm not even sure you're using the latest version, so update it please...

Another question is how can I add another things like this? so let's say I want to add under the 'selected' something like tagname, to show the tagname of the selected component; In another words, I want that on each time the user clicks on a block, to see the tagname of it under the classes and the id. Is there a way to implement this?

You can rely on this:

editor.on('component:selected', component => {
	someSelectedEl.innerHTML = component.get('tagName');
	...
})