Skip to content

There are yellow lines in the text in my bottom sheet  #4666

Closed
@begeansma019

Description

@begeansma019

Duplicate Check

Describe the bug

There is text in my bottom sheet but there are yellow lines under the text

Code sample

Code
import flet as ft

def main(page: ft.Page):
    # Create bottom sheet (with content directly defined inside it)
    bottom_sheet = ft.CupertinoBottomSheet(
        content=ft.Container(
            content=ft.Column(
                controls=[
                    # Title: Centered at the top
                    ft.Text(
                        "About us",
                        size=24,
                        weight=ft.FontWeight.BOLD,
                        text_align=ft.TextAlign.CENTER,
                        font_family="Quicksand",  # Ensure font is specified
                    ),
                    # Descriptive text
                    ft.Text(
                        "Welcome to our application! We aim to provide the best services and solutions "
                        "to meet your needs. Our team is dedicated to ensuring customer satisfaction and "
                        "delivering exceptional results. Here's what we offer:\n\n"
                        "- High-quality products\n"
                        "- Reliable customer support\n"
                        "- Continuous innovation\n"
                        "- A commitment to excellence\n\n"
                        "Thank you for choosing us. We look forward to serving you!",
                        size=16,
                        text_align=ft.TextAlign.JUSTIFY,
                        font_family="Quicksand",  # Ensure font is specified
                    ),
                ],
                spacing=10,  # Space between the title and the paragraph
            ),
            padding=20,
            bgcolor=ft.colors.LIGHT_BLUE_50,
            border_radius=10,
            width=600,
            alignment=ft.alignment.top_center,  # Align the container content at the top center
        ),
        padding=ft.Padding(0, 0, 0, 250),  # Add padding around the action sheet content
        width=500,  # Keep the desired width
        height=650,
    )

    # Add the bottom sheet to the page (this ensures the control is in the page's control tree)
    page.add(bottom_sheet)

    # Open the bottom sheet after it's added to the page
    page.open(bottom_sheet)

ft.app(target=main)

To reproduce

Just run the program and the bottom sheet will be displayed

Expected behavior

There will be yellow underlines under the text

Screenshots / Videos

Captures

image

Operating System

Windows

Operating system details

Version 23H2 (OS build 22631.4602)

Flet version

flet == 0.25.2

Regression

No, it isn't

Suggestions

No response

Logs

Logs
[Paste your logs here]

Additional details

No response

Metadata

Metadata

Assignees

Type

Projects

Status

✅ Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions