silexlabs/Silex

The slice filter gives a different result in the editor and on the published site when the first number is not 0. In the editor preview, the second number is an end index. On the published site, the second number is a length (the number of items to keep). How to reproduce: Make an element repeat over a list from a data source, for example a list of 5 posts or more. Add the slice filter to this list. Type 2 in "Start index" and 3 in "End index". Look at the editor preview: it shows 1 post (the 3rd one). Publish the site and open it: it shows 3 posts (the 3rd, 4th and 5th). With 0 and 3, the editor and the published site both show 3 posts. The problem appears only when the first number is not 0. Why this happens: In the editor, the filter uses JavaScript Array.slice(start, end). The second number is the index where the list stops. On the published site, the filter becomes the Liquid filter slice: start, length. The second number is how many items to keep. Code: grapesjs-plugins/grapes

When several elements are selected, the selector area shows "Select a component to edit its selector". You cannot add a class to all of them at once. At the same time, the Style Manager still works. It styles the classes the elements share. With several Containers selected, this is .silex-default-container, so the change goes to every Container of the website. There is no warning. Steps to reproduce Add three Containers to a page. Do not give them any class. Select the first one, then Shift+click the two others. Look at the selector area: it shows "Select a component to edit its selector". In the Style Manager, change the background color. All Containers of the website change, not only the three selected ones. If the three Containers share a class card, the style goes to .silex-default-container.card. Where to look The code is in grapesjs-plugins/grapesjs-advanced-selector/src/. model/ComplexSelector.ts, function getSelector: it calls same() on the selectors of the selected componen

The Display select in the Style Manager offers grid, but Silex has no grid properties (no grid-template-columns, grid-column…). With only display: grid, the element shows one column, which is confusing. The option is in editor/grapesjs/css-props.ts, in the display property. Please remove it, then check in Silex that the Display select still works.

The Display option has inherit, initial and unset, but not revert. Please add it. We need it for menus made with the popover attribute: on mobile, display: revert lets the browser hide the menu when it is closed and show it when it is open. unset and initial do not do that. This comes from "Missing focus management on burger menu overlay" (#1665) Please test it yourself in a browser and add a screenshot in your pull request :)

Problem Today there is no clear way to publish an image with an empty alt="". In the Attributes panel, if you add alt with an empty value, the attribute is removed from the HTML. In the Settings (traits), an empty alt field gives no alt at all. If you type text and then erase it, you do not get alt="", it just removes the attribute too Decorative images need alt="", so screen readers skip them. But empty alt must not become the default: then every image would be "decorative" and nobody would write real alt text. Proposal Add a "Decorative image" checkbox next to the alt field in the image traits: checked: the alt field is disabled and the image is published with alt="" not checked: the alt field works as today This is what Webflow does ("Decorative" option in the Alt text menu). This isssue is releated to "The nudge for missing alt text" (#1736)