BUG Report: CSS Selector not automatically selected. 🤓

So, I’m working on my design, and when I shrink the screen size below <= 991px I have a media query on the CSS, however the editor will usually select the “Style Attribute” or something else, BUT NEVER WHAT I WANT! Each time now I have to verify that it’s actually addressing the correct CSS. Why in the heck can’t this be done automatically?

Result: My whole freakin design is FUBAR’d because now the Navbar toggle button works in BSS, but not in the browser. So in order to save my design, I have hit Ctrl-Z a few hundred times and undo the last 2 hours of work.

The bug is this. Sometimes when I shrink the size of the screen it will auto-select a CSS query in the appearance drop-down. Which one should it select, the max or the min? The answer is obvious, because I shrunk my screen. Your software, goes nope, I’ll select the min one just to piss you off.

Okay, yes, this was mostly a rant I made when I was P/O’d. If you are actually going to look into the bug, I would be happy to share my design (it’s on GitHub) and take screenshots of the bug.

All-in-all it’s a great design tool and I guess I enjoy using it 95% of the time :nerd_face: A+

FYI - this is primarily a user forum, and while it is monitored by the software developers, they are not always on here 24/7. If you find a bug in the software and you want the developers to see it quickly, your best course of action is to report it directly via their bug report link. Additionally, in the forum, you can tag @martin, the main developer of the software. This will bring your issue to his attention more quickly. You can also email your bsdesign file to the developers and they will check to see if there’s anything wrong with it.

The software will never automatically add max-width media queries because as of Bootstrap 4.x, Bootstrap became a mobile-first framework. Anytime you add a media query via the Styles palette, it will take note of what screen size (breakpoint) is currently selected, and add a min-width media query coinciding with that breakpoint. For example, if your workspace is set to LG, the media query added will ALWAYS be @media (min-width: 992px). If your workspace is set to SM, the media query added will ALWAYS be @media (min-width: 576px), and so on. There is nothing random or buggy in how this works. It’s consistent and predictable. You can always double-click the actual media query in your CSS and change it if you want a different value.

I personally have never encountered an issue where the Navbar toggle or Tab Component works in BSS but not in the browser, but when issues like this arise, they are often the result of some code that was added, changed or deleted inadvertently that changes the default behavior of the Component. This can be quickly and easily confirmed by creating a new design, adding the component in question, and testing to see if it works. If it does, you have to do some detective work on your current website to see what you did wrong. If not, you may have discovered a bug.

FWIW - I can appreciate how a software bug can cause one to become frustrated, but I can assure you that profanity laced rants and idle threats about “switching to different software” and “not paying another dime” won’t get a bug fixed more quickly. (They certainly won’t endear you to other forum members who might otherwise be inclined to try and help you.) This forum isn’t moderated per se, but we do all try to help each other, and we appreciate members maintaining a certain level of… professional decorum… within our little BSS family. The old saying, “You’ll catch more flies with honey than vinegar” is particularly relevant when you need help here. :wink:

Bootstrap Studio is actually an outstanding piece of software, but like all computer software there are occasional bugs. I can tell you after 40 years of using computers that the developers of BSS are some of the best, most dedicated, most responsive people I’ve ever encountered. They often fix program bugs the same or next day (which is practically unprecedented in the software industry.) I’ve seen Adobe take YEARS to fix bugs in their products.

Lastly, I would recommend that instead of “throwing your laptop out the window,” you make sure the program’s backup feature is enabled, and set the frequency to 5 minutes when you are actively developing a website (so you don’t have to use CTRL-Z to undo hours of work.) You can always do an instant backup before attempting something complicated (either via the menu (File > Backups > Backup Now, or by hitting CTRL+SHIFT+Z.)

2 Likes

@printninja Thank you for your kind words! I will read through all of this tonight; there’s a lot of good info. I apologize for the rant! :smile:

2 Likes

And YOU @printninja are TRULY a “Valued Member”
and muchly appreciated…

1 Like

Sorry to hear you’ve had a bad experience! It would help to see a bsdesign so we can get a better idea of what you’re running into.

1 Like

@martin Here is the .bsdesign file:

ArrowGlue/ArrowGlue.bsdesign at main · FruitfulApproach/ArrowGlue (github.com)

So, I got Accordian to work, but not Tabs when placed in the “Arrow Style” titled offcanvas, triggered by the “Gear” button. Accordian is more appropriate anyway.

I was thinking I am going to read some of the documentation, and redo my intricate Navbar with better usage of BSS / css selectors. I want things to be elegant and working properly as I’m 100% passionate / serious about my math community site project.

So look into the .bsdesign if you’d like. What I could learn from it is what not to do when re-creating the fancy navbar.

The page of concern is sketch_editor.html.

FruitfulApproach

P.S. I apologize for the ranting / incorrect way of reporting bugs. Printninja helped me understand what to do next time. This BSS software really is the best 100% customizeable WYSIWYG, low-to-high code solution for fullstack web developers. I am successfully using it with a Django backend. In contrast, Figma has “breakpoints” and you have to redesign each breakpointed version for each screen size, so it is inefficient with not good code re-useage in that regard.

Thank you for the kind compliement @fred.c.johnston. I do what I can to help our little community.