Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • May 10 06:58

    alextrastero on npm_and_yarn

    (compare)

  • May 10 06:58

    alextrastero on master

    Bump hosted-git-info from 2.7.1… Merge pull request #1192 from r… (compare)

  • May 10 06:58
    alextrastero closed #1192
  • May 10 06:57

    alextrastero on npm_and_yarn

    (compare)

  • May 10 06:57

    alextrastero on master

    Bump url-parse from 1.4.7 to 1.… Merge pull request #1191 from r… (compare)

  • May 10 06:57
    alextrastero closed #1191
  • May 10 06:57

    alextrastero on npm_and_yarn

    (compare)

  • May 10 06:57

    alextrastero on master

    Bump handlebars from 4.7.6 to 4… Merge pull request #1190 from r… (compare)

  • May 10 06:57
    alextrastero closed #1190
  • May 10 06:57

    alextrastero on npm_and_yarn

    (compare)

  • May 10 06:57

    alextrastero on master

    Bump lodash from 4.17.19 to 4.1… Merge pull request #1189 from r… (compare)

  • May 10 06:57
    alextrastero closed #1189
  • May 10 06:57

    alextrastero on npm_and_yarn

    (compare)

  • May 10 06:57

    alextrastero on master

    Bump ua-parser-js from 0.7.21 t… Merge pull request #1188 from r… (compare)

  • May 10 06:57
    alextrastero closed #1188
  • May 10 06:57

    alextrastero on npm_and_yarn

    (compare)

  • May 10 06:57

    alextrastero on master

    Bump ssri from 6.0.1 to 6.0.2 … Merge pull request #1187 from r… (compare)

  • May 10 06:57
    alextrastero closed #1187
  • May 10 06:57

    alextrastero on npm_and_yarn

    (compare)

  • May 10 06:56

    alextrastero on master

    Bump y18n from 3.2.1 to 3.2.2 … Merge pull request #1186 from r… (compare)

Joshua V Sherman
@JoshuaVSherman
howdy, what is the fix for this, also noticed that hover color is no longer working?
  TS2322: Type '{ children: string; large: true; style: { backgroundColor: string; }; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & { children?: ReactNode; }'.
Property 'style' does not exist on type 'IntrinsicAttributes & ButtonProps & { children?: ReactNode; }'.
howdy, what is the fix for this, also noticed that the hover is no longer working? TS2322: Type '{ children: string; large: true; style: { backgroundColor: string; }; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & { children?: ReactNode; }'. Property 'style' does not exist on type 'IntrinsicAttributes & ButtonProps & { children?: ReactNode; }'.
i just put ts-ignore for now, the button color did change, but hover is no longer working
Joshua V Sherman
@JoshuaVSherman
its fine, i just added the hover to my css file and ts-ignored the typescript error for now
Jakob Damgaard Møller
@jakobdo
Hello, I have just created this "issue/question" on github. Is it ok or should I rather ask questions like that in this channel: react-materialize/react-materialize#1138
Jakob Damgaard Møller
@jakobdo
More details to the "issue" above. If i create a <NavItem divider={true}> it will produce this output: <li><li class="divider"></li></li>. So I think somehow the best solution would be to don't wrap all "children" in <li> in Navbar, but do this in Navitem instead. In that way a user could add a custom code to add a Link wrapped in <li> with active class on li element instead.
Jakob Damgaard Møller
@jakobdo
I think the prop in Navbar: centerChildren is confusing. The prop "just" adds the container. How about a name like: AddContainerClass or similar. It would make more sense I think. ;)
James Martineau
@jamesmart77
Hey all, I'm using v3.9 and trying to trigger an action for when the CollapsibleItem is clicked using the onSelect prop. I have the onSelect just simply setting local state but the function never seems to get called...any ideas what I'm missing?
For example: <CollapsibleItem onSelect={this.setState({isExpanded: true})>....<CollapsibleItem />
James Martineau
@jamesmart77
Turns out, instead of using onSelect as a function prop, I am able to successfully pass in onClick...is this a bug or am I missing something?
alextrastero
@alextrastero
Hey @jamesmart77 , in your example, your are executing a fn on render: onSelect={this.setState()}, if you want to run when onSelect you need to do this: onSelect={() => someFnWhichUpdatesState()}.
Also, have you tried adding the onSelect to the parent Collapsible component?
Bartłomiej Smagacz
@TheNaturator
Hello, I have a problem with error message at textInput. I'm creating some form with validation by yup (but in that case it isn't important). The case is when I get error/error message it doesn't works but success message works fine. This is odd because I get "span" element before textInput but without "::after" element which I get with success message. I tested it both by yup and just hardcoded message. Do you have any clue?
Alex Kayser
@akctba
Hello everyone... I'm trying to use the TimePicker component and struggling to get the value...
What is the best way to get it? Can someone share an example how to work with it?
clave sarmiento
@clavesarmiento23_gitlab
Hello guys, I need some help, currently stuck on a problem ./Autocomplete Module not found.
actually all modules result into this (module not found) after I import Select in react-materialize.
did I miss something on setup ? currently I installed classnames module and includes js and css materialize in html but still no luck.
avillafana
@avillafana
Need help! How to get Chips data from materialize css Chips?
This is not working: $('.chips-initial').material_chip('data');
Nic Feanny
@feannyn
Hey everyone! I am working on a personal project and am having difficulty setting up react-materialize. I tried to follow the read me but there are still some weird behaviors happening
Nic Feanny
@feannyn
Also, I am still new to react and can't seem to find the bundle.js file
alextrastero
@alextrastero
@RegsonDR if writing code in Reactyou will normally use a javascript bundler to convert your code to ES5 format, for example with webpack, the outputted file is sometimes called bundle.js.
If you are using create-react-app then you can remove this since CRA will inject it automatically in your public/index.html file
@feannyn same answer as above, are you using create-react-app or webpack or??
GRawhideMart
@GRawhideMart
Hello people! Is anyone having problems with fab buttons? I can't seem to make them work
MrSrv7
@MrSrv7
image.png
i am trying this for first time
code is

import { Modal, Button } from 'react-materialize';

const trigger = <Button>Open Modal</Button>;

export default () => (
<Modal header="Modal Header" trigger={trigger}>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</Modal>
);

how to fix this?
GRawhideMart
@GRawhideMart
@MrSrv7 did you build it with create-react-app?
GRawhideMart
@GRawhideMart
@MrSrv7 if you scaffolded it with create-react-app, you must add the following two lines of code to your index.js file:
import 'materialize-css/dist/css/materialize.min.css';
import 'materialize-css/dist/js/materialize.min.js';
alextrastero
@alextrastero
There's also an example where I setup create-react-app https://github.com/alextrastero/react-materialize-cra-example
nishant gupta
@nishangupta
hello >>> How to use materialize css toast in react js
Matthew Rogers
@Rogers-Development-Services
Hello, I'm trying to understand within a <Navbar> component how to make sure the brand attribute's text does not overflow outside of the component when in a mobile view device-width. Any suggestions?
josh-sea
@josh-sea
hmmm I am using npm and none of the css is coming through
i did the ccs@next as well as the react materialize, but does it really still need the cdn? I am using import css on the file, tried on the entry but that didn;t work either
josh-sea
@josh-sea
needed these in js entry
import 'materialize-css/dist/css/materialize.min.css';
import 'materialize-css/dist/js/materialize.min.js';
Tchekda
@Tchekda
Is there someone here that also has some troubles with multiple selects. When I update the state of the value, it doesn't change the display, need to update a second time to make it work...
croustibat222
@croustibat222
Hello!
I have this issue with the Select component:
Uncaught TypeError: Cannot set property 'tabIndex' of null at Dropdown._makeDropdownFocusable
Anyone knows how to solve this?
Alberto Curvelo
@AlbertoCurvelo
Hi, i have a problem with component Sidenav, this happens when I include an element inside with onClick = "", pressing closes the sidenav, and I have no way of not closing it, try using onClick = {(e) => e.preventDefault () e.stopPropagation () }, but it does not work, I hope help, regards
Jamaal Ferguson
@jjferg
Hello there, the react side nav wont allow me to update an input field. Another issue I have is the side nav close on input on button press any suggestions?
Seyidna Ali
@Seyidna__ali_twitter
how to integer materilizecss in next project
Seyidna Ali
@Seyidna__ali_twitter
plase any one helpme
Nathi
@Siphenathi

Hi guys, how can i use NavItem with react-router-dom?

<NavItem>
       <li><Link to="/">Shop</Link></li>
 </NavItem>

I want to achieve the same thing but without using li (list)

alextrastero
@alextrastero
@Seyidna__ali_twitter adding RM to a next project is the same process as adding it to a create-react-app project have a look here https://github.com/alextrastero/react-materialize-cra-example
@Siphenathi check out react-materialize/react-materialize#1138, in the issues section you might find people that have run into the same issue and how to solve react-materialize/react-materialize#1138
Nathi
@Siphenathi
@alextrastero Thanks