Skip to content

Modal shouldn't cover the Element inspector #8193

Closed
sniten/react-native
#30

Description

@mkonicek

When the Element inspector is shown and a <Modal> is rendered at the same time, the Modal covers the Element inspector. This shouldn't be the case :)

Experience required: JS.

Activity

  1. Ehesp commented on Jun 17, 2016

    @Ehesp
    Contributor

    The modal covers everything for me, can't even access the dev menu.

  2. added
    Good first issueInterested in collaborating? Take a stab at fixing one of these issues.
    on Jun 17, 2016
  3. frantic commented on Jun 17, 2016

    @frantic
    Contributor

    We've fixed this internally, should be a trivial fix in OSS. The idea is to wrap the content of the modal into <AppContainer> that provides all development level tools – inspector, yellow box, etc.

    image

  4. mkonicek commented on Jun 17, 2016

    @mkonicek
    ContributorAuthor

    @frantic Oh cool, so the Modal effectively renders the YellowBox and the Modal's children:
    https://github.com/facebook/react-native/blob/master/Libraries/ReactIOS/AppContainer.js

  5. mkonicek commented on Jun 17, 2016

    @mkonicek
    ContributorAuthor

    The modal covers everything for me, can't even access the dev menu.

    @Ehesp I created a separate issue for this: #8187. The trick with AppContainer might not be enough for the dev menu being behind Modal. We might need changes in native for that one (at least on Android).

  6. mkonicek commented on Jun 23, 2016

    @mkonicek
    ContributorAuthor

    @frantic Can you explain this a bit more please? Did you mean <Modal> should render an <AppContainer> by default?

  7. BilalBudhani commented on Jun 24, 2016

    @BilalBudhani

    @frantic I'm looking into this issue as well. It would be great if you can explain a bit more.

  8. aakashsigdel commented on Aug 11, 2016

    @aakashsigdel

    @mkonicek as mentioned by @frantic, wrapping the contains of the modal in AppContainer does seem to solve the problem. Could you please tell me what is the status on this issue? Should I open a PR for this?

  9. satya164 commented on Aug 11, 2016

    @satya164
    Contributor

    @aakashsigdel Yeah, would be cool if you can send a PR.

  10. aakashsigdel commented on Aug 12, 2016

    @aakashsigdel

    @satya164 I tried to include the master branch as dependency in my project, but it fails with "Requiring unknown module "react/lib/ReactPropTypesSecret".

    I followed the guide from the docs: Building React Native from source
    https://facebook.github.io/react-native/docs/android-building-from-source.html

    Is there something I am missing?

  11. christopherdro commented on Nov 25, 2016

    @christopherdro
    Contributor

    Fixed via 05de4db

  12. locked as resolved and limited conversation to collaborators on Jul 19, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Good first issueInterested in collaborating? Take a stab at fixing one of these issues.Help Wanted :octocat:Issues ideal for external contributors.Resolution: LockedThis issue was locked by the bot.

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions