[flutter_markdown] Content is above the box decoration in codeblock #135858
Description
Is there an existing issue for this?
- I have searched the existing issues
- I have read the guide to filing a bug
Steps to reproduce
Create markdown style with codeblockDecoration which has a color.
Expected results
The border is above the content.
Actual results
The border is below the content.
In Screenshots / Video demonstration there is an example.
Code sample
Code sample
import 'package:flutter/material.dart';
import 'package:markdown_demo/flutter_markdown/lib/flutter_markdown.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
useMaterial3: true,
),
home: Center(
child: Container(
width: 100,
color: Colors.green,
child: Padding(
padding: const EdgeInsets.all(8.0),
child: MarkdownBody(
data: '```\nBBBBBBBBBBBBBB\nDDD\nDDDD\n```',
styleSheet: MarkdownStyleSheet(
code: const TextStyle(backgroundColor: Colors.black, color: Colors.white),
codeblockPadding: const EdgeInsets.all(5),
codeblockDecoration: BoxDecoration(
color: Colors.black,
border: Border.all(color: Colors.red),
borderRadius: BorderRadius.circular(5.0),
),
),
),
),
),
),
);
}
}
Screenshots or Video
Screenshots / Video demonstration
Left is expected, right is actual
Logs
Logs
[Paste your logs here]Flutter Doctor output
Doctor output
[✓] Flutter (Channel stable, 3.13.6, on Microsoft Windows [Version 10.0.22621.2283], locale pl-PL)
• Flutter version 3.13.6 on channel stable at C:\Users\Dawid\Software\flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision ead455963c (6 days ago), 2023-09-26 18:28:17 -0700
• Engine revision a794cf2681
• Dart version 3.1.3
• DevTools version 2.25.0
[✓] Windows Version (Installed version of Windows is version 10 or higher)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.2)
• Android SDK at C:\Users\Dawid\Software\android\
• Platform android-33-ext5, build-tools 33.0.2
• Java binary at: C:\Program Files\Android\Android Studio\jbr\bin\java
• Java version OpenJDK Runtime Environment (build 17.0.6+0-b2043.56-10027231)
• All Android licenses accepted.
[✓] Chrome - develop for the web
• Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe
[✓] Visual Studio - develop Windows apps (Visual Studio Community 2022 17.5.5)
• Visual Studio at C:\Program Files\Microsoft Visual Studio\2022\Community
• Visual Studio Community 2022 version 17.5.33627.172
• Windows 10 SDK version 10.0.22000.0
[✓] Android Studio (version 2022.3)
• Android Studio at C:\Program Files\Android\Android Studio
• Flutter plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/6351-dart
• Java version OpenJDK Runtime Environment (build 17.0.6+0-b2043.56-10027231)
[✓] VS Code (version 1.82.2)
• VS Code at C:\Users\Dawid\AppData\Local\Programs\Microsoft VS Code
• Flutter extension version 3.72.0
[✓] Connected device (4 available)
• sdk gphone64 x86 64 (mobile) • emulator-5554 • android-x64 • Android 13 (API 33) (emulator)
• Windows (desktop) • windows • windows-x64 • Microsoft Windows [Version 10.0.22621.2283]
• Chrome (web) • chrome • web-javascript • Google Chrome 117.0.5938.92
• Edge (web) • edge • web-javascript • Microsoft Edge 117.0.2045.47
[✓] Network resources
• All expected network resources are available.
• No issues found!