The CSS selector in Element selector is not the same as guideline

Web Scraper version: 0.5.4
Chrome version: 86.0.4240.75 (Official Build) (64-bit)
OS: Win 10

I follow the step one by one when I get the information from the website(https://www.webscraper.io/test-sites/e-commerce/allinone).
However, at the step to choose the Element selector, the CSS selector(floating bar) is not the same as guideline.
I can not click "S" and there is no place to flag more the one type of Element.
Besides, on the bar the order should be S/P/C instead of P/C/S ?

image

There is no any other chrome extension in the computer except Webscraper.