fix: fix layout scroll in Vaadin 25

[javier-godoy]

Summary by CodeRabbit

• Bug Fixes

  • Corrected CSS syntax error in styling framework.

• Style

  • Enhanced split layout component with improved overflow handling for better display and scrolling behavior.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Walkthrough

The change adds CSS styling support to the SplitLayoutDemo component by assigning a CSS class name in the Java constructor and adding corresponding CSS rules to control overflow behavior, while simultaneously fixing a stray closing brace in the stylesheet.

Changes

Cohort / File(s)	Summary
Component Styling src/main/java/com/flowingcode/vaadin/addons/demo/SplitLayoutDemo.java	Added setClassName("commons-demo-split-layout") call in constructor to assign CSS class (+1)
CSS Styling and Fixes src/main/resources/META-INF/resources/frontend/styles/commons-demo/shared-styles.css	Removed stray closing brace after .helper-button block; added new .commons-demo-split-layout { overflow: hidden } and .commons-demo-split-layout > [slot] { overflow: auto } rules (+4/-1)

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title directly addresses the main change: fixing layout scroll behavior in Vaadin 25 by adding CSS class assignment and related styles.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud