8000 fix the bug of DropdownButton popup widget position error by songfei · Pull Request #65605 · flutter/flutter · GitHub
[go: up one dir, main page]
Skip to content

fix the bug of DropdownButton popup widget position error#65605

Closed
songfei wants to merge 2 commits intoflutter:masterfrom
songfei:fix_bug_dropdown_button
Closed

fix the bug of DropdownButton popup widget position error#65605
songfei wants to merge 2 commits intoflutter:masterfrom
songfei:fix_bug_dropdown_button

Conversation

@songfei
Copy link
@songfei songfei commented Sep 11, 2020 •
edited
Loading

Description

This bug will happen when the Navigator is not full screen, the code:

Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Row(
        children: [
          SizedBox(
            width: 200.0,
          ),
          SizedBox(
            width: 800.0,
            child: Navigator(
              initialRoute: '/',
              onGenerateRoute: ((settings) {
                return MaterialPageRoute(builder: (context) {
                  return Container(
                    color: Colors.red,
                    child: Column(
                      children: [
                        Container(
                          width: 500.0,
                          child: DropdownButton<String>(
                            value: '1',
                            // underline: Container(height: 0),
                            isExpanded: true,
                            onChanged: (value) => setState(() => 1),
                            items: [
                              DropdownMenuItem(
                                value: '1',
                                child: Text('boy'),
                              ),
                              DropdownMenuItem(
                                value: '2',
                                child: Text('girl'),
                              )
                            ],
                          ),
                        ),
                      ],
                    ),
                  );
                });
              }),
            ),
          )
        ],
      ), 
    );

Tests

above code ok

Checklist

Before you create this PR, confirm that it meets all requirements listed below by checking the relevant checkboxes ([x]). This will ensure a smooth and quick review process.

  • I read the [Contributor Guide] and followed the process outlined there for submitting PRs.
  • I signed the [CLA].
  • I read and followed the [Flutter Style Guide], including [Features we expect every widget to implement].
  • I read the [Tree Hygiene] wiki page, which explains my responsibilities.
  • I updated/added relevant documentation (doc comments with ///).
  • All existing and new tests are passing.
  • The analyzer (flutter analyze --flutter-repo) does not report any problems on my PR.
  • I am willing to follow-up on review comments in a timely manner.

Breaking Change

Did any tests fail when you ran them? Please read [Handling breaking changes].

  • No, no existing tests failed, so this is not a breaking change.

@flutter-dashboard
Copy link
flutter-dashboard bot commented Sep 11, 2020

It looks like this pull request may not have tests. Please make sure to add tests before merging. If you need an exemption to this rule, contact Hixie on the #hackers channel in Chat.

Reviewers: Read the Tree Hygiene page and make sure this patch meets those guidelines before LGTMing.

@flutter-dashboard flutter-dashboard bot added f: material design flutter/packages/flutter/material repository. framework flutter/packages/flutter repository. See also f: labels. labels Sep 11, 2020
@songfei songfei changed the title fix the bug of DropdownButton position error fix the bug of DropdownButton popup widget position error Sep 11, 2020
@songfei songfei mentioned this pull request Sep 14, 2020
Closed
@songfei
Copy link
Author
songfei commented Sep 14, 2020

@darshankawar

kartalbas
kartalbas approved these changes Sep 20, 2020
View reviewed changes
Copy link
@kartalbas kartalbas left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

merged manually this changes into 1.22.0-10.0.pre.269 and it works fine for me

@kartalbas kartalbas mentioned this pull request Sep 20, 2020
Closed
@songfei
Copy link
Author
songfei commented Oct 1, 2020

@HansMuller @goderbauer Is there any progress?

@goderbauer
Copy link
Member
goderbauer commented Oct 1, 2020

@songfei This change is missing a test. Can you please add one?

goderbauer
goderbauer reviewed Oct 1, 2020
View reviewed changes
Copy link
Member
@goderbauer goderbauer left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is also missing a test case that shows that everything now works correctly when the Navigator is not in fullscreen mode.

packages/flutter/lib/src/material/dropdown.dart

void _handleTap() {
final RenderBox overlayBox = Overlay.of(context).context.findRenderObject() as RenderBox;
final Offset overlayOffset = overlayBox.localToGlobal(Offset.zero);
Copy link
Member
@goderbauer goderbauer Oct 1, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Instead of converting both to the global coordinate system, wouldn't it be enough to convert the itemBox to the coordinate system of the overlay by providing an ancestor argument to localToGlobal?

Copy link
Member
@goderbauer goderbauer Oct 6, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What about this?

@songfei
Copy link
Author
songfei commented Oct 6, 2020

@goderbauer I add 2 test case and fix overlay problem, please review

goderbauer
goderbauer reviewed Oct 6, 2020
View reviewed changes
packages/flutter/lib/src/material/dropdown.dart

void _handleTap() {
final RenderBox overlayBox = Overlay.of(context).context.findRenderObject() as RenderBox;
final Offset overlayOffset = overlayBox.localToGlobal(Offset.zero);
Copy link
Member
@goderbauer goderbauer Oct 6, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What about this?

packages/flutter/test/material/dropdown_test.dart
),
);

final Finder buttonFinder = find.byKey(buttonKey).last;
Copy link
Member
@goderbauer goderbauer Oct 6, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why the .last? There should only be one button with this key.

packages/flutter/test/material/dropdown_test.dart
);

final Finder buttonFinder = find.byKey(buttonKey).last;
final Finder popupFinder = find.byKey(const ValueKey<String>('c')).last;
Copy link
Member
@goderbauer goderbauer Oct 6, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why the .last?

packages/flutter/test/material/dropdown_test.dart
await tester.pumpWidget(
MaterialApp(
home: Scaffold(
// appBar: AppBar(title: const Text('Example')),
Copy link
Member
@goderbauer goderbauer Oct 6, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

commented out code. Either remove or comment in if it is needed.

packages/flutter/test/material/dropdown_test.dart
Comment on lines +2717 to +2718
final Finder buttonFinder = find.byKey(buttonKey).last;
final Finder popupFinder = find.byKey(const ValueKey<String>('c')).last;
Copy link
Member
@goderbauer goderbauer Oct 6, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same question about .last.

@goderbauer
Copy link
Member
goderbauer commented Oct 6, 2020

Looks like there's a merge conflict. Can you rebase this to the latest master and resolve the conflict? Thanks.

@flutter-dashboard
Copy link
flutter-dashboard bot commented Oct 26, 2020

This pull request executed golden file tests, but it has not been updated in a while (20+ days). Test results from Gold expire after as many days, so this pull request will need to be updated with a fresh commit in order to get results from Gold.For more guidance, visit Writing a golden file test for package:flutter.

Reviewers: Read the Tree Hygiene page and make sure this patch meets those guidelines before LGTMing.

@Piinks
Copy link
Contributor
Piinks commented Nov 25, 2020

This PR has not been updated in a while, so I am going to close it for now. If you would like to come back and work on this, feel free to re-open. Thank you!

@Piinks Piinks closed this Nov 25, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@goderbauer goderbauer goderbauer left review comments

+2 more reviewers

@kartalbas kartalbas kartalbas approved these changes

@AbdulRafaySiddiqui AbdulRafaySiddiqui AbdulRafaySiddiqui approved these changes

Reviewers whose approvals may not affect merge requirements

Assignees

No one assigned

Labels

f: material design flutter/packages/flutter/material repository. framework flutter/packages/flutter repository. See also f: labels.

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

6 participants

@songfei @goderbauer @Piinks @kartalbas @AbdulRafaySiddiqui @googlebot
0