{"action":"created","issue":{"url":"https://api.github.com/repos/jfoenixadmin/JFoenix/issues/675","repository_url":"https://api.github.com/repos/jfoenixadmin/JFoenix","labels_url":"https://api.github.com/repos/jfoenixadmin/JFoenix/issues/675/labels{/name}","comments_url":"https://api.github.com/repos/jfoenixadmin/JFoenix/issues/675/comments","events_url":"https://api.github.com/repos/jfoenixadmin/JFoenix/issues/675/events","html_url":"https://github.com/jfoenixadmin/JFoenix/issues/675","id":314768011,"number":675,"title":"JFXButton with RAISED produces problem in animation","user":{"login":"TioCoding","id":22163898,"avatar_url":"https://avatars3.githubusercontent.com/u/22163898?v=4","gravatar_id":"","url":"https://api.github.com/users/TioCoding","html_url":"https://github.com/TioCoding","followers_url":"https://api.github.com/users/TioCoding/followers","following_url":"https://api.github.com/users/TioCoding/following{/other_user}","gists_url":"https://api.github.com/users/TioCoding/gists{/gist_id}","starred_url":"https://api.github.com/users/TioCoding/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/TioCoding/subscriptions","organizations_url":"https://api.github.com/users/TioCoding/orgs","repos_url":"https://api.github.com/users/TioCoding/repos","events_url":"https://api.github.com/users/TioCoding/events{/privacy}","received_events_url":"https://api.github.com/users/TioCoding/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-04-16T18:28:20Z","updated_at":"2018-04-18T05:54:03Z","closed_at":null,"author_association":"NONE","body":"Hi, I'm using version 8.0.3 of JFoenix and I'm having problems making an animation. This is the code:\r\n\r\n```\r\n@Override\r\n    public void start(Stage primaryStage) throws Exception {\r\n        JFXButton buttonOne = new JFXButton();\r\n        buttonOne.setStyle(\"-fx-background-color:RED\");\r\n        buttonOne.getStyleClass().add(\"fab-button\");\r\n\r\n        JFXButton buttonTwo = new JFXButton();\r\n        buttonTwo.setStyle(\"-fx-background-color:BLUE\");\r\n        buttonTwo.getStyleClass().add(\"fab-button\");\r\n        buttonTwo.setScaleX(0);\r\n        buttonTwo.setScaleY(0);\r\n\r\n        buttonOne.setOnAction(event-> {\r\n            SequentialTransition transition = new SequentialTransition();\r\n            Timeline timelineOne = new Timeline(new KeyFrame(Duration.millis(200),\r\n                    new KeyValue(buttonOne.scaleYProperty(), 0.0),\r\n                    new KeyValue(buttonOne.scaleXProperty(), 0.0)));\r\n            Timeline timelineTwo = new Timeline(new KeyFrame(Duration.millis(200),\r\n                    new KeyValue(buttonTwo.scaleYProperty(), 1.0),\r\n                    new KeyValue(buttonTwo.scaleXProperty(), 1.0)));\r\n\r\n            transition.getChildren().addAll(timelineOne,timelineTwo);\r\n            transition.play();\r\n        });\r\n\r\n        buttonTwo.setOnAction(event-> {\r\n            SequentialTransition transition = new SequentialTransition();\r\n            Timeline timelineOne = new Timeline(new KeyFrame(Duration.millis(200),\r\n                    new KeyValue(buttonTwo.scaleYProperty(), 0.0),\r\n                    new KeyValue(buttonTwo.scaleXProperty(), 0.0)));\r\n            Timeline timelineTwo = new Timeline(new KeyFrame(Duration.millis(200),\r\n                    new KeyValue(buttonOne.scaleYProperty(), 1.0),\r\n                    new KeyValue(buttonOne.scaleXProperty(), 1.0)));\r\n\r\n            transition.getChildren().addAll(timelineOne,timelineTwo);\r\n            transition.play();\r\n        });\r\n\r\n        StackPane pane = new StackPane(buttonOne,buttonTwo);\r\n        Scene scene = new Scene(pane,400,400);\r\n        scene.getStylesheets().addAll(InsertFileDigemid.class.getResource(\"/css/clario-main.css\").toExternalForm());\r\n        primaryStage.setScene(scene);\r\n        primaryStage.show();\r\n    }\r\n```\r\nSTYLE CSS:\r\n\r\n```\r\n.fab-button{\r\n    -fx-pref-width: 60;\r\n    -fx-pref-height: 60;\r\n    -fx-background-radius: 60;\r\n    -fx-border-radius: 60;\r\n    -fx-cursor: hand;\r\n    -jfx-button-type: RAISED; /* this produce the problem */\r\n}\r\n```\r\n\r\nWhat this class does is open and close two JFXButtons, but for some reason when the JFXButton is with RAISED type it does not show the second JFXButton. Now when I comment on the css code line:\r\n```\r\n.fab-button{\r\n    -fx-pref-width: 60;\r\n    -fx-pref-height: 60;\r\n    -fx-background-radius: 60;\r\n    -fx-border-radius: 60;\r\n    -fx-cursor: hand;\r\n /*-jfx-button-type: RAISED;  this produce the problem*/ \r\n}\r\n```\r\nThe animation works perfectly. What is causing this problem? Thank you :)"},"comment":{"url":"https://api.github.com/repos/jfoenixadmin/JFoenix/issues/comments/382270568","html_url":"https://github.com/jfoenixadmin/JFoenix/issues/675#issuecomment-382270568","issue_url":"https://api.github.com/repos/jfoenixadmin/JFoenix/issues/675","id":382270568,"user":{"login":"jfoenixadmin","id":14176767,"avatar_url":"https://avatars2.githubusercontent.com/u/14176767?v=4","gravatar_id":"","url":"https://api.github.com/users/jfoenixadmin","html_url":"https://github.com/jfoenixadmin","followers_url":"https://api.github.com/users/jfoenixadmin/followers","following_url":"https://api.github.com/users/jfoenixadmin/following{/other_user}","gists_url":"https://api.github.com/users/jfoenixadmin/gists{/gist_id}","starred_url":"https://api.github.com/users/jfoenixadmin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jfoenixadmin/subscriptions","organizations_url":"https://api.github.com/users/jfoenixadmin/orgs","repos_url":"https://api.github.com/users/jfoenixadmin/repos","events_url":"https://api.github.com/users/jfoenixadmin/events{/privacy}","received_events_url":"https://api.github.com/users/jfoenixadmin/received_events","type":"User","site_admin":false},"created_at":"2018-04-18T05:54:03Z","updated_at":"2018-04-18T05:54:03Z","author_association":"OWNER","body":"Hello, \r\nThat's a very weird and unexpected issue :s , will look into it. Thanks @TioCoding for pointing out the issue 👍 \r\n\r\nRegards,"}}
{"actor":{"display_login":"jfoenixadmin"}}